防止导航栏项目折叠

Question

好的，所以情况如下：

我有一个简单的，香草，nav nav-tabs导航栏，其中包含一些项目和最右边（带pull-right）<li>项目（包含下拉列表）。

调整窗口大小时，隐藏了多余的标签项，从最右边的项目开始显示下拉列表。

我怎样才能做到＆＃34;坚持＆＃34;抵抗崩溃（或至少是最后一个，而不是第一个崩溃）？

Answer 1

对于抵抗力崩溃，请尝试以下方法：

有两种类型：

TYPE 1：

从崩溃div中删除'collapse navbar-collapse'类

 <div class="" id="bs-example-navbar-collapse-1">  <!--Remove 'collapse navbar-collapse' -->

删除课程后，无需按钮，也可以移除切换'button'。

DEMO for Type 1

TYPE 2：

与类型1相同，在类型1中，您的“抵抗崩溃”将被满足，但视图不合适，在'sm'和'xs'屏幕中，正确的内容将显示在下拉列表中

对于这个问题，我做了一些修改：

1. 右侧的视锥移动到navbar-header

2. navbar-header宽度被指定为100%，正确对齐，如此

   .navbar-header {         宽度：100％;     }

3. 然后我根据您的问题使用pull-right进行正确对齐，而不是这样，您也可以使用navbar-right并添加nav-pills以避免包装正确的内容，例如此

   <ul class="nav navbar-nav nav-pills pull-right">

DEMO for Type 2