Twitter bootstrap 引导导航栏边距

Twitter bootstrap 引导导航栏边距,twitter-bootstrap,less,Twitter Bootstrap,Less,我想让navbar conetnt的左右边距变小,这样“品牌”(最左边的组件)会比默认的更靠近左边,而右边的组件也是如此 有人能给我指出要修改的相关变量吗 谢谢有了基本布局,您需要的CSS选择器是 body > .navbar .brand 玩左边空白和右边空白,直到你得到你想要的结果。根据您如何调用CSS样式,您可能需要添加!也很重要,如 body > .navbar .brand{ margin-left:-20px !important; margin-right:-20px

我想让navbar conetnt的左右边距变小,这样“品牌”(最左边的组件)会比默认的更靠近左边,而右边的组件也是如此

有人能给我指出要修改的相关变量吗


谢谢

有了基本布局,您需要的CSS选择器是

body > .navbar .brand
玩左边空白和右边空白,直到你得到你想要的结果。根据您如何调用CSS样式,您可能需要添加!也很重要,如

body > .navbar .brand{
margin-left:-20px !important;
margin-right:-20px !important;  
}
如果您在这方面没有任何成功,请尝试ommitting body>

编辑

如果要更改整个导航栏的宽度,请尝试以下操作

.navbar{
margin-left:-20px;
margin-right:-20px;
}
您可能还需要调整导航栏内部的详细信息,例如

.navbar-inner{
padding-left:0;
padding-right:0;
}  
编辑
看看这是否有帮助:


祝你好运

我认为这只适用于。品牌组件,对吗?右边浮动的组件怎么样?我希望两边的边距都小一些。ThanksOK I修改了navbar.less文件(直接使用less),添加了边距并重新编译。它似乎不起作用。我不是100%清楚您需要实现什么,请看我关于navbar内部帮助的附加说明是否有助于查看这个引导示例。我试图将文本“project name”(.brand)更多地向左移动(10px),对于任何将向右浮动的组件(更多地向右移动10px)也是如此。如果我将容器的边距设置为0(例如,navbar.container{margin:0;}),似乎可以工作。是否有人可以确认我这样做没有破坏任何内容,或者是否需要修改任何其他内容。