#2 - Шапка веб сайта

Bootstrap предоставляет готовые стили для всех основных секций на сайте. Для реализации шапки в Bootstrap есть специальный класс navbar, который зачастую применяется для тега nav.

Вы можете просмотреть больше примеров реализации шапки на официальном веб сайте по этой ссылке.

Для создания простой адаптивной шапки можно использовать следующий код:

<!-- 
	Вместо navbar-light bg-light можно прописать navbar-dark bg-dark.
	Тогда шапка и текст в ней будет темным.
-->
<nav class="navbar navbar-light bg-light">
	<a class="navbar-brand" href="#">
		<img src="/some-logo.png" class="d-inline-block align-top">
		itProger
	</a>
</nav>

При помощи такого кода будет создана шапка с логотипом и текстом. Также в шапку можно добавить ссылки, кнопки, текстовые поля для поиска информации, выпадающие списки и многое другое.

В качестве логотипа вы можете использовать все что-угодно. В уроке было использовано фото ниже: