我一直被困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
和断点最大值的东西)
我下载并测试没有运气。
每当调整窗口大小时,我仍然无法阻止导航栏的大小调整
答案 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;
感谢问候