2016-04-09 492 views
-1

我是新手引導程序。我想更改導航欄中的字體顏色和大小,但無法完成。我似乎無法找到如何簡單地設置導航欄上的任何內容,目前其中的文本看起來非常平均。這裏有一些答案stackoverflow,但他們涉及很多css只是爲了一些簡單的事情,總是有如何評價它的方法是不好的做法,因爲x原因如何更改bootstrap中的字體顏色和大小3 navbar

這裏是文本的樣子。

enter image description here

我需要的只是文字無法被擁抱在頁面頂部導航欄的頂部和底部之間均勻的間隙,並能夠文本樣式(改變大小和顏色,並刪除「帳戶」旁邊的項目符號)。

這裏是導航欄編碼(我還使用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做些什麼呢?

+0

嘗試使用'.navbar {}'和其他變化在CSS文件中的樣式,但他們不做任何事 – Rob

回答

0

你可以簡單地添加以下 <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

基本上你必須使用,垂直對齊:中間;

希望這會有所幫助!

+0

仍然不允許我從'li'中刪除項目符號點。我喜歡在css文件 – Rob

+0

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

相關問題