Bootstrap Navbar中的内容溢出

时间:2015-11-26 20:14:11

标签: css twitter-bootstrap navbar

我希望我的Navbar断点来自大到 中等屏幕。任何人都可以向我解释如何在代码中完全这样做吗?

在Overflowing Content

上的bootstrap网站上提到了这一点
  

由于Bootstrap不知道导航栏中的内容需要多少空间,因此您可能会遇到内容包装到第二行的问题。要解决此问题,您可以:

     
      
  1. 减少导航栏项目的数量或宽度。   使用响应式实用程序类隐藏某些屏幕大小的某些导航栏项。

  2.   
  3. 更改导航栏在折叠模式和水平模式之间切换的点。自定义@grid-float-breakpoint变量或添加您自己的媒体查询。

  4.   

Bootstrap for mobile navbar breakpoint

中提到了这一点
  

更改折叠的移动导航栏断点。当视口比@grid-float-breakpoint窄时,导航栏会折叠到其垂直移动视图中,并且当视口宽度至少为@grid-float-breakpoint时,会扩展为其水平非移动视图。在Less来源中调整此变量,以控制导航栏何时折叠/展开。默认值为768px(最小的"小"或"平板电脑"屏幕)。

0 个答案:

没有答案