Question

我正在将Angular与Bootstrap结合使用，当在搜索输入字段旁边放置一个glyphicon时，上边框似乎没有对齐。

div.input-group(ng-show='feeds.length > 0')
   span.input-group-addon.glyphicon.glyphicon-search
   input.form-control(type='text', data-ng-model='filterText')

对齐顶部边框需要对CSS（或其他）进行哪些修改？

见Jsfiddle：http://jsfiddle.net/hBSxf/

Answer 1

在此处找到解决方案：Bootstrap 3 glyphicons in add ons 将代码更改为：

div.input-group(ng-show='feeds.length > 0')
   span.input-group-addon
       span.glyphicon.glyphicon-search
   input.form-control(type='text', data-ng-model='filterText')

它成功了。

来自Bootstrap的glyphicon输入字段未对齐

1 个答案: