Добрый день. Речь сегодня пойдёт о современном решении для построения шаблонов - фреймворке Bootstrap. Bootstrap — фреймворк, набор HTML+CSS инструментов и шаблонов для верстки и более эффективного и быстрого создания веб-ресурсов. Когда он появился? Bootstrap появился в августе 2011 года, его создателями стали Марк Отто и Джейкоб Торнтон. На данный момент существует несколько версий фреймворка: 1 - совсем сырая и достаточно пустая по сравнению конечно же с последними. Ни сетки, ни адаптивности...

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