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;  
}

如果您对此没有任何成功，请尝试省略 body＆gt;

修改

如果您想更改整个导航栏的宽度，请尝试使用

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

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

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

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

祝你好运！