Я новичок в платформе bootstrap, но даже после прочтения всей документации и всех существующих вопросов StackOverflow я все еще немного застрял.
Логотип Увеличение высоты NavBar:
В моей навигационной панели я вставил логотип с высотой 50 пикселей. Это, очевидно, делает навигацию выше. Я не скорректировал CSS для этого, это просто логотип, который заставляет увеличить высоту.
Проблема:
Ссылки в навигационной панели выровнены в верхней части теперь более высокой навигационной панели.
Цель:
Я бы хотел, чтобы ссылки были вертикально центрированы на navbar, так как это будет выглядеть намного лучше.
Мое предположение заключалось в том, чтобы играть с значениями высоты строки или дополнением. Тем не менее, это привело к проблеме, которая все еще действует на мобильные браузеры (когда она переключается в меню переключения), поэтому мое расширенное меню заканчивается слишком высоким, что казалось глупым.
Любое понимание очень ценится?
Мой CSS - это загрузочный CSS-загрузочный файл по умолчанию, загруженный с последней версией 3.0.2.
Вот мой HTML:
<!-- Begin NavBar -->
<div class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".menu2">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand" href="#"><img src="img/logo.png" width="210" height="50" alt="My Logo"></span>
</div>
<div class="navbar-collapse collapse menu2">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
Это ссылки "Link 1", "Link 2", "Link 3" и "Link 4", которые выравниваются вверху, когда я действительно хочу, чтобы они были выровнены по вертикали в центре.
Большое спасибо заранее!