在输入组IN引导程序3的末尾添加"搜索"图标

Question

自从2.4.3形式发生了变化,这会再出现,但没有奏效.

这是我搜索栏的当前代码.

<li>
   <div class="input-group" id="fifteenMargin">
      <input type="text" class="form-control" placeholder="Search" name="srch-term" id="srch-term">
   </div>
</li>

这就是它目前的样子.

我希望它最终看起来像这样.

虽然这个问题与这个问题很接近,但它的不同之处在于外面只有一个按钮,两者之间没有空间.这是如何进入搜索栏.

Answer 1

试试这个..

.input-group-btn > .btn {
  border-left-width:0;left:-2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.input-group .form-control:focus {
 box-shadow:none;
 -webkit-box-shadow:none; 
 border-color:#cccccc; 
}

您可能希望使用特殊的CSS类而不是覆盖所有input-groups

演示:http://bootply.com/86446