Верстка разделов и контейнер Bulma.

Следующий элемент макета сайта в фреймворке Bulma - это контейнер. Вы можете найти описание этого элемента в документации, в разделе Layout - Container (Макет - контейнер). 

Что же такое контейнер?

Контейнер - это некий блок, который центрирует контент, который находится в нем по горизонтали. Он служит для того, чтобы содержать в себе некие дочерние элементы. Это может быть элемент navbar (навигации), .hero (шапка сайта), .section (раздел) и .footer (подвал).

Выглядит контейнер следующим образом (см. видео).

Контейнер по умолчанию на десктопных компьютерах имеет максимальную ширину 960 пикселей. 

На широких мониторах не более 1152 пикселей.

На fullhd телевизорах эта ширина ограничена 1344 пикселями. 

Такие величины выбраны, чтобы соблюдались пропорции формата hd, чтобы эти числа делились на 12 и 16.

Чтобы наша область могла пропорционально вписываться в прямоугольник hd качества. 

Простой контейнер можно создать следующим образом:

<div class="container">
  <div class="notification">
    This container is <strong>centered</strong> on desktop.
  </div>
</div>

Посмотрите видео выше, чтобы посмотреть как этот блок выглядит на различных устройствах. 

Это основное назначение элемента container в фреймворке Bulma. Основная его задача центрирование контента на широких мониторах. 

Комментарии: