相关疑难解决方法(0)

防止菜单在768px显示CSS媒体查询中折叠

我正在尝试使用twitter bootstrap做一个网站.我的菜单相对较少,所以它也适合768px显示器.但默认情况下,在引导程序中,菜单会使用媒体查询进行折叠.我无法阻止此行为.

未折叠时的菜单

然后菜单折叠宽度小于768px

这是我的HTML

<div class="row">
    <div class="span3 logo"><h1><img src="img/logo.png" /></h1></div>
    <div class="span9">

        <div class="navbar">
          <div class="navbar-inner">
            <div class="container">
         <a 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>
          </a>
              <div class="nav-collapse">
                <ul class="nav nav-pills">
                  <li><a href="#">Home</a> </li>
                  <li><a href="#">Services</a> </li>
                  <li><a href="#">Portfolio</a> </li>
                  <li><a href="#">Contact Us</a> </li>
                </ul>
              </div>
            </div>
          </div>
        </div>



    </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

我知道它与bootstrap中的媒体查询有关,但无法理解.

css media-queries responsive-design twitter-bootstrap

26
推荐指数
4
解决办法
7万
查看次数