2015-12-20 87 views
-2

我是新手bootstrap我遇到了問題我的導航欄我不想在移動設備上首次打開頁面時顯示摺疊標題有沒有辦法做到這一點?我試圖搜索網頁,並沒有運氣。Modal not display

我的代碼是:

<!-- Menu --> 
<div class="navbar navbar-default navbar-fixed-top navbar-inverse"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a href="Index.html" class="navbar-brand">The CO-OP Couch</a> 
    </div> 
    <div class="collpase navbar-collapse" id="example"> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><a href="Podcast.html">PodCasts</a></li> 
     <li><a href="">Facebook</a></li> 
     <li><a href="">Community</a></li> 
     <li><a href="#contact" data-toggle="modal">Contact</a></li> 
     </ul> 
    </div> 
    </div> 
</div> 
+0

你的問題不清楚,你可以精心設計。如果你想由deafult打開手風琴,那麼在bootstrap中會有一個類「崩潰」。您也可以使用類visible-sm或visible-md等來在屏幕尺寸的基礎上顯示div。 –

+0

當我在移動設備上打開頁面時,默認情況下會自動打開導航欄,然後需要兩次點擊切換才能關閉。如果可能的話,我希望將標題最小化。 我認爲這是你要求div的內容嗎? –

回答

0

這是在你的班級「崩潰」都好只是錯字錯誤。

<div class="navbar navbar-default navbar-fixed-top navbar-inverse"> 
     <div class="container"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <a href="Index.html" class="navbar-brand">The CO-OP Couch</a> 
      </div> 
      <div class="collapse navbar-collapse" id="example"> 
       <ul class="nav navbar-nav navbar-right"> 
        <li><a href="Podcast.html">PodCasts</a></li> 
        <li><a href="">Facebook</a></li> 
        <li><a href="">Community</a></li> 
        <li><a href="#contact" data-toggle="modal">Contact</a></li> 
       </ul> 
      </div> 
     </div> 
    </div> 
+0

非常感謝您的幫助 –

+0

接受答案後,您應該將其標記爲已接受。 –

+0

有時錯字錯誤成爲麻煩。 –