-2

基于如何让导航折叠成移动设备的小图标？ 我想让导航折叠，但不是以 970 像素大小，而是以预定义的大小 - 比如说 300 像素。是否可以在引导程序中进行，还是我必须自己进行调整？

我当前的代码：

<div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <button type="button" class="btn btn-navbar" data-toggle="collapse"
                    data-target=".nav-collapse">
                    <span class="icon-bar"></span> <span class="icon-bar"></span> <span
                        class="icon-bar"></span>
                </button>
                <a class="brand" href="/">name</a>
                <div class="nav-collapse collapse">
                    <ul class="nav">
                        <li><a href="#about">About</a></li>
                        <li><a href="#price">Price</a></li>
                    </ul>
                </div>
                <!--/.nav-collapse -->
            </div>
        </div>
    </div>
4

2 回答 2

1

您可以在http://twitter.github.com/bootstrap/customize.html上自定义引导程序，然后从响应部分取消选择您不需要的响应功能。

如果有必要，可以编写媒体查询来安排内容。此外，您可以将 min-width 设置为元素以阻止其调整大小。

于 2013-03-02T13:24:29.337 回答
0

调整 CSS 中的媒体查询。找到强制折叠的媒体查询，将其剪切并创建您自己的 300 像素查询。喜欢：

@media (max-width: 300px) {
.nav-collapse {
-webkit-transform: translate3d(0, 0, 0);
}
于 2013-03-02T13:15:46.960 回答