Question

我的代码中的多个位置我需要将此元素（地球字形）直接放置在文本框的右侧，几乎触及它。您可以通过执行以下操作来完成此操作

<div class="col-md-3">
        <input class="form-control" id="CustomTaskTitle" name="CustomTaskTitle" type="text" />
    </div>
<div class="col-md-1">
         <span class="glyphicon glyphicon-globe pull-left"></span>
</div>

然后你浪费了整个专栏。任何解决方案？

**您必须将jFiddle输出窗口扩展到最大尺寸才能获得行布局

继承我的JFiddle - http://jsfiddle.net/5Rhzh/

您会注意到字形会自动进入文本框下方，因为列中没有空间。

Answer 1

Bootstrap已经有了这个。它是一个名为输入组的组件。正确的方法是

<div class="col-md-3">
   <div class="input-group">
      <input class="form-control" id="CustomTaskTitle" name="CustomTaskTitle" type="text"  >
      <span class="glyphicon glyphicon-globe pull-left"></span>
   </div>
</div>

并且你有另外3列的空间

如何使表单元素与另一个元素共享一个bootstrap列

1 个答案: