防止导航栏在 Bootstrap 上调整大小

Question

我已经被困了大约 2 小时试图阻止我的导航栏调整大小，因为我构建了一个我不想响应式设计的网络应用程序。

导航栏开始堆叠组件并在浏览器 window 调整大小时缩小，因此我尝试了通过谷歌搜索以及在 Whosebug 中找到的不同解决方案。 None 对我有用：

Temporarily Disable Responsiveness Bootstrap

我什至去了 http://getbootstrap.com/customize 并通过取消选中 "responsive utilities" 并更改两个 LESS 变量创建了我自己的 bootstrap 版本：

@grid-float-breakpoint = 0   
@grid-float-breakpoint-max =  0

（我也尝试了 99999 和那个断点最大值的东西）
我下载了它并进行了测试，但没有成功。

每当 window 调整大小时，我仍然无法阻止导航栏调整大小

Answer 1

所以这当然不是应该的方式，但我想不出一种更干净、非侵入性的方式来防止导航栏缩小。

我刚刚为我的 nav 元素添加了一个内联样式（您也可以通过在 .css 文件上覆盖它来实现）：

<nav class="class="navbar navbar-default" style="min-width: 1300px !important;">
  ...
</nav>

!important 旨在不覆盖该样式规则。我已经根据我的需要设置了 min-width，所以如果有人觉得这有用，应该根据他的特殊需要进行更改。

Answer 2

<nav class="class="navbar navbar-default" style="min-width: 1300px!important;"></nav>

如果你想修复是，如果你想修复是在顶部

使用css body { min-height: 2000px; padding-top: 70px; } 和 class navbar navbar-default navbar-fixed-top 加上如果你想修复它，请在样式标签

中使用 min-width: 1300px !important;

致谢

Preventing navbar from resizing on Bootstrap