Bootstrap Navbar对于页面太大

时间:2016-11-26 21:41:03

标签: html css twitter-bootstrap-3 sass

我的网站位于https://beta.redxtech.ca,我有一个带左拉牌和右拉导航条的自举导航栏。

问题在于导航栏的扩展范围大于实际页面的大小,从而产生溢出和晃动。

如果我能在不牺牲同一条线上的navbar-brand和navbar-pills的情况下获得一些帮助来消除溢出,那将是非常棒的!

如果这有所不同,我也在使用santize.css

1 个答案:

答案 0 :(得分:1)

.navbar-right意味着位于具有.container.container-fluid的元素的后代。如果没有这个,.navbar-right会延伸到它的祖先元素的边缘。当其中一个祖先元素为body时,会导致页面比视图宽。

查看此navbar example,并将您的代码与此处演示的内容联系起来。