Twitter Bootstrap：在手机上堆叠导航

我想在我的twitter boostrap模板中有一个非常简单的导航栏，它将简单地在菜单中垂直堆叠菜单项（并在点击时显示子节点）。由于我是Bootstrap的新手（我习惯了Foundation 3），我使用Bootswatch的Cyborg colorscheme来启动我的网站开发。我已经在头文件中包含了所有可用的jQuery插件和jQuery。Twitter Bootstrap：在手机上堆叠导航

我至今对文档非常困惑，并且非常感谢修改当前菜单以便在移动设备上正常运行的一些帮助。谢谢！

<div class="navbar"> 
    <div class="navbar-inner"> 
    <ul class="nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <li><a href="#">Link</a></li> 
     <li><a href="#">Link</a></li> 
     <li><a href="#">Link</a></li> 
     <li><a href="#">Link</a></li> 
     <li><a href="#">Link</a></li> 
     <li><a href="#">Link</a></li> 
     <li><a href="#">Link</a></li> 
     <li><a href="#">Link</a></li> 
    </ul> 
    </div> 
</div>

来源

2013-02-01 Benjamin Morrison

由于什么，我试图完成，并已经这样做了与基金会3，请访问一个例子的Responsive Section

<div class="navbar-inner"> <div class="container"> <a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar"> <!--These are to make the button look fancy--> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <div class="nav-collapse collapse"> <ul class="nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> </div> </div>

更多信息[www.asiantowncenter.com（HTTP：/ /www.asiantowncenter.com） –

为了澄清，你是否想要做一些类似于'印刷术，导航栏，按钮，形式....'的Cyborg菜单？ –

有你需要一个.nav-collapse DIV添加到您的navbar-inner并将其设置为针对您的可折叠DIV导航部分的价值崩溃。在引导文件

来源

2013-04-17 22:05:50 ChrisWass

Twitter Bootstrap：在手机上堆叠导航

回答

相关问题