溢出和空白的问题

时间:2015-04-23 16:46:44

标签: html css twitter-bootstrap

我在导航栏中遇到了麻烦,在左侧第一个动作(Home)之前有一个空格,我遇到的第二个问题是包含左右div的Div已溢出.container,如果有人能提供帮助,那将是最受欢迎的。

http://fiddle.jshell.net/13qn4qfa/

1 个答案:

答案 0 :(得分:2)

你基本上需要覆盖一些应用的css:

添加:

.container-fluid {
  padding-right: 0px; 
  padding-left: 0px; 
}
.row {
  margin-right: 0px; 
  margin-left: 0px; 
}  
.navbar-collapse {
      padding-left: 0px;
    }
.navbar .container-fluid {
    padding-right:15px;
    }

<强> FIDDLE

使用此新添加的css编辑:新 FIDDLE

.navbar-nav {
    padding-left:30px;
}
.container-fluid>.navbar-header{
    margin-right: -15px;
}
div#navbar {
    margin-left:0;
}
.navbar-default .navbar-nav>li>a {
    margin-right: 15px;
}