Клон 101: настройка Bootstrap
Bootstrap - отличный CSS фреймворк. И его следует использовать для создания адаптивной вёрстки. А мне она понадобится.
Так как я использую Vue самым полным способом, то буду использовать модуль BootstrapVue.
В документации написано, что страница, на которой будет использоваться Bootstrap должна быть отмечена как HTML5 страница. То есть первой строкой должна быть:
<!doctype html>
По умолчанию шаблон для страницы лежит в файле ./.nuxt/views/app.template.html. И там, как не трудно видеть - эта строка присутствует:
Теперь добавлю на страницу указание того, что на неё используется русский язык. Делается это в теге <html> в том месте, где стоят {{ HTML_ATTRS }}. Доступ в это поле осуществляется следующим образом:
Открываю файл nuxt.config.js и внутри export default {...} нахожу там head: {} и внутрь дописываю:
Аналогичным образом (парой ключ: значение) можно добавлять любые атрибуты.
Кроме того, т.к. Bootstrap ориентирован на методологию mobile first. Следует добавить строку
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
в блок meta:
Bootstrap уже подключен к моему проекту, т.к. я выбрал это во время установки Nuxt.
Комментарии
Отправить комментарий