1

我正在使用 bootstrap 3x 构建我的页面布局。尽管它是最受欢迎的，因为它mobile first是此应用程序所针对的最小设备，但它将是具有标准1366x768（如果我没记错的话）分辨率及以上分辨率的笔记本电脑。

在这种情况下，引导程序是最好的解决方案是毫无疑问的，因为我不是选择这些技术的人。

所以我现在要做的是从我的标记中删除所有不需要的类，并且我将行为更改为我认为对于标准网站更原生的行为。

我改变了我的导航栏，如下所示：

   <div role="navigation">
      <div class="container second-navigation-container">
          <ul class="nav nav-pills nav-justified">
            <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>

但是当显示尺寸变得足够小（调整窗口大小）时，我得到了这个

折叠菜单

我知道这是具有小显示器的设备所需的行为，但我想要的只是将元素缩小到某个点，就像它现在正在发生的那样，然后开始切断侧面。像这样的东西：

叠加菜单

我已经对默认的引导 css 进行了一些自定义，但是对于这个我不确定要查找什么以及如何更改它以获得我想要的。

4

0 回答 0