Twitter引导菜单移动菜单

问题描述：

我很难理解菜单系统如何在airtasker.com网站上工作。我需要一个网站的类似菜单。我们可以用boostrap来实现吗？链接/图标从网页更改为移动屏幕。Twitter引导菜单移动菜单

我已经做出了基本的折叠菜单，但努力使它在airtasker.com网站上工作。

帮助将不胜感激。

问候 Paraminder

请提供[最小，完整，可验证的示例]（http://*.com/help/麦克）你的尝试，例如作为[Stack Snippet]（https://blog.*.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>

Twitter引导菜单移动菜单

相关推荐