Bootstrap имеет свою сеточную систему, которая позволяет упростить верстку адаптивных макетов. Остальные компоненты такие как: кнопки, формы, таблицы и прочее можно сделать самому, в большинстве случаев на практике так и бывает. Сеточная система Bootstrap состоит из 12-ти колонок и имеет четыре размера: Вся сетка должна располагается в контейнере, класс container или container-fluid.  Отличие классов, в том что в  первом случает максимальная ширина будет 1170px, т.е. ширина сайта не будет больше этого значения. Внутри этого контейнера должен быть еще один элемент с классом row, строка сетки.  В строке должны располагаться колонки...

Всем привет, меня зовут Евгений, я уже достаточно долго занимаюсь всеми этими вашими юиксами и юаями. Параллельно основной работе я более трех лет сопровождаю студентов в одной онлайн-школе на курсах «веб-дизайн» и «дизайна интерфейсов», и я заметил некую тенденцию непонимания того, как на самом деле устроена сетка. Несмотря на то, что данная тема уже тысячу раз изъезжена и разжевана, а в интернете лежат горы материалов и статей, с каждым новым потоком я отвечаю на одни и те же вопросы, сталкиваюсь с одними и теми же ситуациями...