Twitter引導菜單移動菜單

我很難理解菜單系統如何在airtasker.com網站上工作。我需要一個網站的類似菜單。我們可以用boostrap來實現嗎？鏈接/圖標從網頁更改爲移動屏幕。Twitter引導菜單移動菜單

我已經做出了基本的摺疊菜單，但努力使它在airtasker.com網站上工作。

幫助將不勝感激。

問候 Paraminder

2016-10-04 Parminder

請提供[最小，完整，可驗證的示例]（http://stackoverflow.com/help/麥克）你的嘗試，例如作爲[Stack Snippet]（https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/），因此我們可以嘗試解決您的問題並解釋原因你自己的嘗試失敗了 - 這樣你就可以學到一些對你未來發展有用的東西，併爲這個單一問題找到答案。 – andreas

你可以分享你的代碼 - 你曾經嘗試過什麼，以及你面臨的問題。 –

檢查，這可能是這對你的作品..

<header class="navbar navbar-default" id="top"> 
     <div class="container"> 
      <div class="navbar-header"> 
       <button class="navbar-toggle collapsed" aria-expanded="false" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
        <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="../"> 
       <img alt="Brand" src="../Images/B.png" /> </a> 
      </div> 
      <nav class="collapse navbar-collapse" id="bs-navbar"> 
       <ul class="nav navbar-nav"> 
        <li> 
         <a href="../getting-started/">Getting started</a> 
        </li> 
        <li> 
         <a href="../css/">CSS</a> 
        </li> 
        <li> 
         <a href="../components/">Components</a> 
        </li> 
        <li> 
         <a href="../javascript/">JavaScript</a> 
        </li> 
        <li> 
         <a href="../customize/">Customize</a> 
        </li> 
       </ul> 
       </nav> 
     </div> 
    </header>

來源

2016-10-04 06:37:44

Twitter引導菜單移動菜單

回答

相關問題