2016-11-25 78 views
0

我試圖做一個簡單的引導搜索欄(自舉3.3.7),但總是glyphicon搜索比形式更小......引導搜索glyphicon高度

與所有引導導航欄的例子,結果是一樣的,如下所示:

<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> 

my-searchbar

我真的需要一些CSS補充的嗎?

+0

是的,使用CSS喜歡這裏建議http://stackoverflow.com/q/18478365/5115768 – lenny

+0

謝謝,但現在我有另一個問題。我是我的工作電腦上,現在在家裏,我做引導3.3.7一樣,但我glyphicon搜索是灰色的......不喜歡我以前的照片。我試圖包含不同的引導CSS,但始終灰色。你有好主意嗎 ? – Isador

回答

0

要改變你的glyphicon的大小和顏色:

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

在HTML

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