Bootstrap搜索glyphicon高度

Question

我试图制作一个简单的Bootstrap搜索栏（使用bootstrap 3.3.7），但是glyphicon-search总是比表格更小......

使用所有Bootstrap导航栏示例，结果与以下内容相同：

<div class="col-sm-3 col-md-3">
    <form class="navbar-form" role="search">
    <div class="input-group">
        <input type="text" class="form-control" placeholder="Search" name="q">
        <div class="input-group-btn">
            <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
        </div>
    </div>
    </form>
</div>

我真的需要添加一些CSS吗？

Answer 1

更改glyphicon的大小和颜色：

.glyphicon-search.white {
    font-size: 1.2em; // slightly bigger
    color: #fff; // white
}

在你的HTML中

<i class="glyphicon glyphicon-search white"></i>