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

-1

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

这里是文本的样子。

我需要的只是文字无法被拥抱在页面顶部导航栏的顶部和底部之间均匀的间隙，并能够文本样式（改变大小和颜色，并删除“帐户”旁边的项目符号）。

这里是导航栏编码（我还使用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>

怎么能在这个引导3做些什么呢？

来源

2016-04-09 Rob

尝试使用'.navbar {}'和其他变化在CSS文件中的样式，但他们不做任何事 – Rob

你可以简单地添加以下 <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

基本上你必须使用，垂直对齐：中间;

希望这会有所帮助！

来源

2016-04-09 05:28:54 akc

仍然不允许我从'li'中删除项目符号点。我喜欢在css文件 – Rob

中保存css，你可以检查一下 - http://stackoverflow.com/questions/1027354/need-an-unordered-list-without-any-bullets – akc

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

回答

相关问题