这样 6+6把一行分了这个icon图标怎么显示-慕课网

首页课程实战体系课手记专栏慕课教程

这样 6+6把一行分了这个icon图标怎么显示

来源：3-14 表单提示信息

一飞同学

2017-02-06 16:17

如果想让提示信息和icon图标都出现该怎么实现

写回答关注

3回答

慕工程6945555

2017-02-07 10:48:02

已采纳

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>表单提示信息</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <style type="text/css">
        .col-xs-6{padding-right: 0px;}
    </style>
</head>
<body>
<h3>示例1</h3>
<form role="form">
<div class="form-group has-error has-feedback">
    <label for="inputError1">错误状态</label>
    <div class="row">
        <div class="col-xs-6">
            <input type="text" id="inputError1" placeholder="错误状态" class="form-control">
            <span class="glyphicon glyphicon-remove form-control-feedback"></span>
        </div>
        <span class="col-xs-6 help-block">你输入的信息是错误的</span>
    </div>
</div>
</form>
<br>
</body>
</html>

2 1

qq_Say...

我试了你的代码，不行啊，怎么回事呢？

2017-03-28 13:11:12

共 2 条回复 >
慕工程6945555

2017-02-07 10:46:45

sorry 没保存好,把补得几个class漏了

0 0
慕工程6945555

2017-02-06 17:09:16

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
   <title>表单提示信息</title>
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
   <style type="text/css">
       .col-xs-6{padding-right: 0px;}
   </style>
</head>
<body>
<h3>示例1</h3>
<form role="form">
<div class="form-group has-error has-feedback">
    <label for="inputError1">错误状态</label>
    <div>
        <div>
           <input type="text" id="inputError1" placeholder="错误状态">
           <span class="glyphicon glyphicon-remove form-control-feedback"></span>
        </div>
        <span class="col-xs-6 help-block">你输入的信息是错误的</span>
    </div>

</div>
</form>
<br>
</body>
</html>

1 0

一飞同学

不行，跑不出来正确效果

2017-02-06 17:11:52

共 1 条回复 >