Question

我是初学者。我想更改导航栏中的字体颜色和大小，但无法完成。我似乎无法找到如何在导航栏上简单地设置任何样式，目前其中的文本看起来非常平均。这里有一些答案stackoverflow但它们涉及很多css只是为了一些简单的事情，并且总是有关于该方法如何为x原因做坏事的评论

这是文本的样子。

我只需要文本不要拥抱页面的顶部，导航栏的顶部和底部之间有均匀的间隙，并且能够设置文本样式（更改大小和颜色并删除'旁边的项目符号'帐户“）。

这是导航栏编码（我也在轨道上使用ruby）

<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中完成？

Answer 1

您只需添加以下内容即可 <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

基本上你必须使用，vertical align：middle;

希望这有帮助！

如何更改字体颜色＆amp; bootstrap 3 navbar中的大小

1 个答案: