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

时间:2015-08-28 10:29:30

标签: css twitter-bootstrap-3 resize navbar

我一直被困2小时试图阻止我的导航栏调整大小,因为我构建了一个我不想设计响应的webapp。

每当浏览器窗口调整大小时,导航栏就会开始堆叠组件并缩小,所以我尝试了一些谷歌搜索时发现的不同解决方案,也在stackoverflow中。他们都没有为我工作:

https://stackoverflow.com/a/28415865/3736964

Temporarily Disable Responsiveness Bootstrap

https://stackoverflow.com/a/14151865/3736964

我甚至前往http://getbootstrap.com/customize并通过取消选中“响应实用程序”并更改两个LESS变量来创建我自己的引导版本:

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

(我也试过99999和断点最大值的东西)
我下载并测试没有运气。

每当调整窗口大小时,我仍然无法阻止导航栏的大小调整

2 个答案:

答案 0 :(得分:1)

所以这不是它应该做的方式,当然,但我无法找到一种更清洁,非侵入性的方法来阻止导航栏缩小。

我刚为nav元素添加了内联样式(您可以通过覆盖.css文件来添加它):

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

!important旨在使该样式规则不被覆盖。我根据自己的需要设置了min-width,所以如果有人发现这个有用,应该根据自己的需要进行更改。

答案 1 :(得分:-1)

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

如果你想修复,如果你想修复就在顶部

使用css body { min-height: 2000px; padding-top: 70px; } 和类navbar navbar-default navbar-fixed-top plus如果你想修复它,请在样式标签中使用min-width: 1300px !important;

感谢问候