#созданиесайта #разработкасайта #ux #версткасайта Современный пользователь интернета заходит в сеть с различных устройств. Все они отличаются размерами экранов. Поэтому их сайт будет отображаться на них по-разному. Чтобы посетителю было комфортно находиться на странице с любого гаджета, в основу проекта закладывают адаптивную верстку. Наиболее востребованное программное обеспечение для ее создания – Bootstrap.  Рис.1 Разница в вертске сайта. Как смотрится сайт на различных устройствах при фиксированной и адаптивной верстке...

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