在Bootstrap 3导航中删除Brand

Question

首先，我已经使用相同的问题访问了其他主题，而不是我的任何答案。

这是bootstrap 3 nav：

正如您在左侧所见，那里有一个“品牌”文字，用于删除我删除的源文件：

<a class="navbar-brand" href="#">Brand</a>

结果如下：

正如你所看到的那样，“品牌”被删除但是那里有空的空间，我无法摆脱......。

如何从“品牌”中删除empty space左侧，让菜单从左侧开始？

由于

Answer 1

尝试将以下内容添加到CSS中：

.navbar .container-fluid, .navbar-collapse {
    padding-left:0;
}
.navbar-collapse.in {
    padding-left:30px;
}

Demo Fiddle

Answer 2

通过在我的较少文件中添加以下内容，我已经解决了同样的问题：

@media (min-width: @grid-float-breakpoint) {
    .container > .navbar-header, 
    .container-fluid > .navbar-header, 
    .container > .navbar-collapse, 
    .container-fluid > .navbar-collapse {
        margin-right: -15px;
        margin-left: -30px;
    }
}

如果未折叠，则会将导航栏的两个站点上的结果间距设置为15px。折叠时，正常边距适用。

Answer 3

删除未填充菜单的填充左侧;使用媒体查询折叠菜单时添加填充。为我工作。

     .navbar .container-fluid, .navbar-collapse {
        padding-left:0;
     }

     @media(max-width: 768px){
        .navbar-collapse{
            padding-left:30px;
            padding-right:30px;
        }
     }