Twitter bootstrap Twitter引导-在折叠时,导航栏选项不会变成显示选项的按钮
我有这个标记:Twitter bootstrap Twitter引导-在折叠时,导航栏选项不会变成显示选项的按钮,twitter-bootstrap,Twitter Bootstrap,我有这个标记: <div class='navbar'> <div class='navbar-inner'> <div class='container'> <a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'> <span
<div class='navbar'>
<div class='navbar-inner'>
<div class='container'>
<a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</a>
<div class='nav-collapse'>
<ul class='nav'>
<li class='active'>
<a href='#'>Home</a>
<a href='#'>Option 2</a>
<a href='#'>Option 3</a>
</li>
</ul>
</div>
</div>
</div>
</div>
当屏幕已满时,它会呈现ok,但当我折叠屏幕时,它不会显示展开以显示选项的按钮。有什么我做得不对的吗?你知道为什么屏幕折叠后按钮没有显示吗
谢谢 您需要包含折叠插件js文件。类似这样:您需要包括
bootstrap responsible.css
样式表,以使响应功能正常工作
正如Andres所说,您需要确保包含
bootstrap responsible.cs
。您还需要确保加载bootstrap.js
文件,以便单击折叠按钮显示菜单列表
此外,您应该将每个链接包装在自己的
标记中,如下所示:
<ul class='nav'>
<li class='active'><a href='#'>Home</a></li>
<li><a href='#'>Option 2</a></li>
<li><a href='#'>Option 3</a></li>
</ul>
否则你会得到一份奇怪的菜单