twitter-bootstrap – Bootstrap导航栏边距

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – Bootstrap导航栏边距前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想让导航栏的左右边距更小,因此“品牌”(左侧组件)在左侧显示更多,然后是默认值,右侧组件显示相同.

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

谢谢

解决方法

使用基本布局,您需要的CSS选择器是
body > .navbar .brand

使用margin-left和margin-right进行游戏,直到获得所需的结果.根据您调用CSS样式的方式,您可能还需要添加!important,例如

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

如果您对此没有任何成功,请尝试省略body>

编辑

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

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

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

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

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

祝好运!

原文链接:https://www.f2er.com/bootstrap/447214.html

猜你在找的Bootstrap相关文章