twitter-bootstrap – Bootstrap导航栏边距

发布时间：2020-12-18 00:05:41 所属栏目：安全来源：网络整理

导读：我想让导航栏的左右边距更小,因此“品牌”(左侧组件)在左侧显示更多,然后是默认值,右侧组件显示相同. 有人可以指出相关较少的变量来修改吗？谢谢解决方法使用基本布局,您需要的CSS选择器是 body .navbar .brand 使用margin-left和margin-right进行游戏,直

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

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

谢谢

解决方法

使用基本布局,您需要的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/

祝好运！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!