Как убать отступы в bootsrap?

Question

[shad0wcat]

Привет. Подскажите, пожалуйста, как убрать отступы от логотипа к краям блока? Спасибо.

<div class="navbar-brand">
   <a href="#" class="pe-logo" title="Beauty Artist | " rel="home"><img src="..." alt="Beauty Artist "></a>
</div>

классу navbar-brand прописал margin-bottom: 0; - ничего не произошло.

https://jsfiddle.net/x2knr6mj/

При padding: 0; - Сверху отступа нету, снизу в 2 раза больше.

Comments

[Ankhena]

Без ссылки или кода на jsfiddle не ясно между чем и чем на самом деле отступ.

[shad0wcat]

Добавил

[Ankhena]

shad0wcat:
ну так у Вас написано для .navbar-brand paddinng сверху и снизу, он и отображается.

Answer 1

[Максим Тимофеев]

.navbar-brand {
    padding: 0;
}

точно сработает, если конечно Ваши стили подключены после бутстраповских.

Answer 2

[Родион Смоляков]

у .navbar-brand padding правьте
Если хотите изменить высоту меню играйте с

#pe-main-menu #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item {
    padding: 42px 0;
}

Comments

[shad0wcat]

При padding: 0; сверху отступ пропадает, снизу становиться больше.

[iBird Rose]

shad0wcat: не становится отступ внизу больше. просто элемент правильно занимает свою позицию. а из за фикс высоты какого то родителя вам кажется что снизу есть отступ. в примере сверху только .navbar-brand вижу. значит вы скинули не полностью

Answer 3

[Сергей]

padding: 0;

Без примера сложно сказать

Comments

[shad0wcat]

Добавил пример

[Сергей]

shad0wcat: .navbar-header {
padding: 0;

}

[shad0wcat]

Сергей: При padding: 0; сверху отступ пропадает, снизу становиться больше.

Answer 4

[Константин Отпущенников]

Отрицательный margin для логотипа

Answer 5

[WQP]

.navbar-brand {
    padding: 0;
    margin-left: 0!important;
    height: auto;
}

Answer 6

[Григорий]

#pe-main-menu #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item {padding:0}
.navbar-brand { padding: 0;}

Answer 7

[Elena Novodvorskaya]

codepen
Вам нужно только:

.navbar-header {
	padding: 0;
}