我知道这不是我的“个人帮助台”，但我正在寻找一个简单的解决方案来实现一个导航栏，其中navbar项目消失并最终变成下拉列表（或左侧导航栏），因为浏览器水平调整大小{ {3}}
我目前正在使用基于Bootstrap 3构建的http://mashable.com。我一直在寻找几个小时，但我能找到的只是“如何将下拉菜单放在导航栏中”。没有人解释如何根据浏览器宽度显示/隐藏导航栏项目以及如何确定项目的优先级，指出哪些项目应首先消失。
如果您有任何人可以请将我重定向到一些有用的网站，并提供更多相关信息，我将非常感激！
答案 0 :(得分：1)
您可以查找有关媒体查询的信息以及：nth-child（）选择器。应该帮助你实现你希望做的事情！
<强>第n个孩子（）
http://css-tricks.com/how-nth-child-works/
答案 1 :(得分：1)
Bootstrap 4 （2019年更新）
这是Bootstrap 4.1的新选项。这会将溢出的额外导航栏项目折叠到右侧下拉列表中。它会逐步将导航栏项目移动到下拉列表。
https://www.codeply.com/go/IETSah3bFG
Bootstrap 3 （原始答案）
如果我理解了您的问题，那么当没有足够的宽度时，您希望将导航栏链接折叠到右侧的“更多”下拉列表中。这需要自定义CSS，一些jQuery来监控导航栏的宽度并折叠相应溢出的链接......
以下是一个工作示例：http://bootply.com/128897