Я пытаюсь увеличить высоту панели навигации bootstrap 3.0, которая используется с фиксированным верхним поведением.
Как мне это сделать?
Я пытаюсь увеличить высоту панели навигации bootstrap 3.0, которая используется с фиксированным верхним поведением.
Как мне это сделать?
Не видя вашего кода, трудно помочь, но в Bootstrap 3
обычно,
Это переменная less
, @navber-height
и @navbar-padding-vertical
будут регулировать высоту панели навигации.
Но в моем текущем приложении Bootstrap я настроил его по-другому, используя
header.navbar {
height: 54px;
}
Проще всего сделать inspect element
на панели навигации, а затем посмотреть на css
, чтобы увидеть, где находится значение height
. Отрегулируйте его до нужного height
.
Затем создайте правило в своем css
с !important
, чтобы переопределить существующее Bootstrap
css
.
Это еще один пример без less
.
.navbar-fixed-top {
height: 70px !important; /* Whatever you want. */
}
Создайте новый файл css
и поместите в него свои переопределения.
<link rel='stylesheet' href='/stylesheets/bootstrap.css'/>
<link rel='stylesheet' href='/stylesheets/overrides.css'/>
внутри overrides.css
Если это правило css существует внутри Bootstrap
, когда вы проверяете элемент, переопределите его в файле css переопределений, который вы добавили сейчас.
не забудьте использовать !important
.navbar-fixed-top {
height: 70px !important; /* Whatever you want. */
}
Если вы используете версию .less или .scss, вы можете изменить следующую переменную $navbar-height
в коде:
https://github.com/twbs/bootstrap/blob/master/less/variables.less#L360
Если нет, вам нужно переопределить его правилом, указав:
.navbar {
height: {new height};
}