Удаление бренда в Bootstrap 3 Navigation

Прежде всего, я уже посетил другие темы с тем же вопросом, а не какие-либо ответы для меня.

Вот бутстрап 3 nav:

Как вы можете видеть слева, есть текст "Бренд" , чтобы удалить это в исходном ящике:

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

Результаты выглядят примерно так:

Как вы видите, "Бренд" удаляется, но там пустое пространство, от которого я не могу избавиться...

Как мне удалить empty space слева от "Бренд" и запустить меню слева?

Спасибо

Ответ 1

Попробуйте добавить ниже к вашему CSS:

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

Демо-скрипт

Ответ 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;
    }
}

Если не свернуть, это установит результирующий интервал на обоих сайтах навигационной панели на 15 пикселей. При свертывании применяются нормальные поля.

Ответ 3

Удалите проставку слева для незаваленного меню; добавьте отступы, когда меню свернуто с использованием мультимедийного запроса. Работал для меня.

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

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

Ответ 4

Удаление HTML <a class="navbar-brand" href="#">Brand</a> и добавление этого CSS работало для меня:

@media (min-width: 768px) {
  .navbar-nav {
    margin-left: -30px;
  } 
}