Всем привет! В этом материале рассмотрим, что такое Reboot в Bootstrap 4 и какую роль он играет в фреймворке .
Всем привет! В этом материале рассмотрим, что такое Reboot в Bootstrap 4 и какую роль он играет в фреймворке.
В основную задачу Bootstrap входит обеспечение единого, элегантного и простого построения проектов. Для этого в нем используется коллекция CSS правил, названная Reboot(перезагрузка). Reboot построен на Normalize.css. Подробнее почитать про это вы можете здесь.
Давайте напишем какой-нибудь код в нашем шаблоне, который мы скопировали в предыдущей статье:
<h1>Привет, Мир!</h1>
<h2>Это h2</h2>
<p>Вставьте сюда какой-нибудь текст</p>
<ul>
<li>Первый элемент списка</li>
<li>Второй элемент списка</li>
<li>Третий элемент списка</li>
</ul>
<form>
<label>Текстовое поле</label>
<input type="text" placeholder="Какой-то текст">
<input type="submit" value="Кнопка">
</form>
Откройте нашу страничку в браузере и посмотрите, как она выглядит. Теперь закомментируйте код, отвечающий за подключение таблицы стилей, и посмотрите на страницу снова. Вы увидите, что там используется другой шрифт, появились отступы, и вообще страница выглядит немного по-другому. Если вы снова вернете стили, то увидите, что с ними страничка выглядит привлекательнее, т.к. CSS файл добавляет какие-то базовые стили. Если вы откроете сайт в другом браузере, то увидите, что и там он отображается примерно так же. Таким образом мы добиваемся кроссбраузерности.
А на этом сегодня все. Мы рассмотрели, зачем в Bootstrap 4 используется Reboot, а уже в следующей статье поговорим про то, что такое контейнеры и как их использовать в этом фреймворке.
Спасибо за внимание!
