有没有办法把状态文字放在前面来,就类似form-horizontal的显示样式,并且保持图标位置不变

来源:3-13 表单控件状态(验证状态)

笑出强大_0

2017-07-25 16:50

有没有办法把状态文字放在前面来,就类似form-horizontal的显示样式,并且保持图标位置不变

写回答 关注

4回答

  • qq_馒头_29
    2017-08-11 11:51:58
    已采纳

    http://img.mukewang.com/598d29630001e5f213970127.jpg还是这个,都在水平上图标也在原来的位置上

    <form role="form" class="form-horizontal">

      <div class="form-group has-success has-feedback">

        <label class="control-label col-sm-2" for="inputSuccess1">成功状态</label>

        <div class="col-sm-10">

        <input type="text" class="form-control" id="inputSuccess1" placeholder="成功状态" >

        <span class="glyphicon glyphicon-ok form-control-feedback"></span>

        </div>

      </div>

    </form>

    前面学的知识,加上网格系统

    笑出强大_0

    非常感谢!

    2017-08-11 16:10:22

    共 1 条回复 >

  • qq_馒头_29
    2017-08-11 11:46:11

    你是指这个样式吗?http://img.mukewang.com/598d28690001430a14510266.jpg

    <div class="form-group has-success">

        <label class="control-label col-sm-2" for="inputSuccess1">成功状态</label>

        <div class="col-sm-10">

            <input type="text" class="form-control" id="inputSuccess1" placeholder="成功状态" >

        </div>

      </div>


  • 好笨的633
    2017-07-26 09:44:36

    <span>爱心</span>

        <span class="glyphicon glyphicon-heart" style="color:red"></span>


  • 好笨的633
    2017-07-26 09:43:59

    可以在你想加文字的那个图标的span前面再加个span来放文字

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题