Как уменьшить высоту меню navbar в bootstrap 3?

1

Как уменьшить высоту меню navbar в Bootstrap 3? Получается только увеличить, а уменьшить - нет.

.navbar{
    height: 30px !important; /*пока не работает*/
}

bootstrap 3

4 ответов

0

Попробуй такие стили, где-то находил:

.navbar {
  min-height: 80px;
}

.navbar-brand {
  padding: 0 15px;
  height: 80px;
  line-height: 80px;
}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 23px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 26.5px;
    padding-bottom: 26.5px;
    line-height: 27px;
  }
}
0

Можно min-height: 80px; поменять на нужное значение и потом по формулам изменить значения.

0

Этот код работает в сторону увеличения. А сделать высоту 35px не получается :(

0

Разобрался

/*Уменьшаем высоту navbar*/
.navbar-nav > li > a {
  padding-top:7px !important; 
  padding-bottom:7px !important;
}
.navbar {
  min-height:35px !important;
  border-radius: 0px;
}

Sign up or Log in to write an answer