如何更改bootstrap 3 navbar中的字体颜色和大小

我是bootstrap的新手。 我想更改导航栏中的字体颜色和大小,但无法完成。 我似乎无法找到如何简单地设置导航栏上的任何内容,目前其中的文本看起来非常平均。 这里有一些答案stackoverflow,但他们涉及很多css只是为了一些简单的事情,并总是有评论它是如何这种方法是不好的做法的X原因

这里是文字的样子。

在这里输入图像描述

我只需要文本不要在导航栏的顶部和底部之间有空隙就可以拥抱页面的顶部,并且能够设置文本的样式(更改大小和颜色并删除“帐户”旁边的项目符号点) 。

这里是导航栏编码(我也在轨道上使用红宝石)

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

这怎么能在bootstrap 3中完成?


您只需添加以下<a href="#" class="dropdown-toggle" data-toggle="dropdown"><font color="your-color-choice" size=""> Account <b class="caret"></b></font> </a>

为了让您的文本位于块的中间,请查看以下代码:https://www.w3.org/Style/Examples/007/center.en.html#vertical

基本上你必须使用,垂直对齐:中间;

希望这可以帮助!

链接地址: http://www.djcxy.com/p/29981.html

上一篇: How to change the font color & size in bootstrap 3 navbar

下一篇: How to get rid of the dots on the side of list items?