我想要一个固定菜单，如引导文档 http://twitter.github.com/bootstrap/base-css.html#与引导文档上一样，它没有贴在手机上。
我有以下代码：
<div class="container">
<div class="row">
<div class="span3 bs-docs-sidebar ">
<ul class="nav nav-list bs-docs-sidenav" data-spy="affix">
<li><a href="#a"><i class="icon-home"></i> A</a></li>
<li><a href="#b"><i class="icon-chevron-right"></i> B</a></li>
<li><a href="#c"><i class="icon-chevron-right"></i> C</a></li>
</ul>
</div>
<div class="span9">
...
</div>
</div>
</div>
我已经尝试过使用和不使用data-spy="affix"为了ul我也尝试过$(function(){ $('.bs-docs-sidenav').affix() }).
但菜单总是固定的，所以我无法在手机上阅读文字。
我刚刚在他们页面上的 bootstraps doc.css 文件中找到了我的问题的答案。您必须添加以下CSS（如果您在不同的类上使用词缀，也许您必须更改类）
/* Tablet
------------------------- */
@media (max-width: 767px) {
.bs-docs-sidenav.affix {
position: static;
width: auto;
top: 0;
}
}
我也刚刚添加了课程affix to the bs-docs-sidenav元素并且没有使用任何 JavaScript（即data-spy)
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
