Bootstrap Suche glyphicon Höhe

Question

Ich versuche, eine einfache Bootstrap searchbar zu machen (mit Bootstrap 3.3.7), aber immer die glyphicon-Suche ist mehr wenig als die Form ...

Bei allen Bootstrap navbar Beispiele, das Ergebnis ist das gleiche, wie die folgenden:

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

Sie wirklich etwas CSS zu, dass ich hinzufügen?

Answer 1

Um die Größe und die Farbe Ihrer glyphicon zu ändern:

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

in Ihrem HTML-

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