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