So ändern Sie die Schriftfarbe und -größe im Bootstrap 3 navbar

Question

Ich bin neu im Bootstrap. Ich möchte die Schriftfarbe und -größe in der Navbar ändern, kann es aber nicht schaffen. Ich kann anscheinend nicht herausfinden, wie man irgendwas auf der Navbar stylt, und der Text in ihm sieht derzeit sehr durchschnittlich aus. Es gibt einige Antworten hier stackoverflow, aber sie beinhalten eine Menge von css nur für einige einfache Dinge und haben immer Kommentare, wie es diese Methode ist schlecht für x Grund

ist hier, wie der Text aussieht.

Ich brauche nur den Text nicht die Spitze der mit noch Lücke Seite umarmte sein zwischen den oberen und unteren Ende der Navigationsleiste, und in der Lage, den Text zu formatieren (ändern Sie die Größe und Farbe und entfernen der Aufzählungszeichen neben "Konto").

hier ist die navbar Codierung (i bin auch mit Ruby on Rails)

<header class="navbar navbar-fixed-top navbar-default"> 
    <div class="container"> 
    <div class="navbar-header pull-left"> 
    <%= link_to "site name", root_path, id: "logo" %> 
    </div> 
    <nav> 
     <div class="navbar-header pull-right"> 
     <ul> 
     <% if logged_in? %> 
      <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
       Account <b class="caret"></b> 
      </a> 
      <ul class="dropdown-menu"> 
       <li><%= link_to "Notifications", user_user_notifications_path(current_user) %></li> 
       <li><%= link_to "Mailbox", user_conversations_path(current_user) %></li> 
       <li><%= link_to "Profile", current_user %></li> 
       <li><%= link_to "Settings", edit_user_path(current_user) %></li> 
       <li class="divider"></li> 
       <li> 
       <%= link_to "Log out", logout_path, method: "delete" %> 
       </li> 
      </ul> 
      </li> 
     <% else %> 
      <li><%= link_to "Log in/ Signup", login_path %></li> 
     <% end %> 
     </ul> 
    </nav> 
    </div> 
</header> 

Wie kann dies in Bootstrap-3 durchgeführt werden?

Answer 1

Sie können einfach fügen Sie den folgenden <a href="#" class="dropdown-toggle" data-toggle="dropdown"><font color="your-color-choice" size=""> Account <b class="caret"></b></font> </a>

Um Ihren Text in der Mitte des Blocks zu erhalten, können Sie den folgenden Code überprüfen: https://www.w3.org/Style/Examples/007/center.en.html#vertical

grundsätzlich Sie verwenden müssen, vertikale align: middle;

Hoffe, das hilft!