2015-05-17 150 views
0
<!---header and Navigation---> 
    <header> 
     <nav class="navbar navbar-defaault navbar-fixed-top" role="navigation"> 
      <div class="container"> 
       <div class="navbar-header"> 
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-collapse"> 
         <span class="sr-only">Toggle navigation</span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
        </button> 
        <a class="navbar-brand" href="#featured"><span class="subhead">Jeremy Williams</span></a> 
       </div><!---navbar-header---> 
       <div class="collapse navbar-collapse" id="nav-collapse"> 
        <ul class="nav navbar-nav navbar-right"> 
         <li class="active"><a href="#featured">Home</a></li> 
         <li><a href="#about_me">About Me</a></li> 
         <li><a href="#what_i_do">What I do</a></li> 
         <li><a href="#my_work">My work</a></li> 
        </ul> 
       </div><!---collapse navbar-collapse---> 
      </div><!---Container---> 
     </nav> 
     <header> 

我不知道如果我失去了一些東西,但有一些東西,如果你點擊它的作品,但你只是看不到按鈕即將被點擊。Bootstrap導航欄按鈕的作品,但按鈕本身不顯示

+1

請提供一個鏈接頁面,或使用[http://www.bootply.com(http://www.bootply.com)提供演示。這將有助於調試。 –

+0

您是否在談論切換導航按鈕? – BSMP

+0

是的切換按鈕。 –

回答

1

我想你是指屏幕很小時出現的漢堡包按鈕。這三行是用<span class="icon-bar"></span>代碼的一部分創建的。他們是白色的,這就是爲什麼你看不到他們,但他們在那裏(嘗試點擊小屏幕右上角)。使用CSS來更改導航背景或圖標欄。

.icon-bar { 
    background-color:#FF0000 !important; 
} 

看到結果這裏:bootply

+0

謝謝!!!!那就是訣竅。 –