Bootstrap导航栏边距

Question

我想让导航栏的左右边距更小,因此"品牌"(左侧组件)在左侧显示更多,然后是默认值,右侧组件显示相同.

有人可以指出相关较少的变量来修改吗？

谢谢

Answer 1

对于基本布局，您想要的 CSS 选择器是

body > .navbar .brand

尝试使用 margin-left 和 margin-right，直到获得所需的结果。根据您调用 CSS 样式的方式，您可能还需要添加 !important，例如

body > .navbar .brand{
margin-left:-20px !important;
margin-right:-20px !important;  
}

如果您没有成功，请尝试省略正文 >

编辑

如果您想更改整个导航栏的宽度，请尝试类似的操作

.navbar{
margin-left:-20px;
margin-right:-20px;
}

您可能还需要调整 navbar-inner 的详细信息，例如

.navbar-inner{
padding-left:0;
padding-right:0;
}  

编辑
看看这是否有帮助：http ://jsfiddle.net/panchroma/zBeZF/

祝你好运！