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

Разработка веб-страницы с точки зрения верстальщика — непрерывный процесс доработки и создания новых блоков. Чем больше проект, тем чаще происходит итерация «идея — функционал — вёрстка». Стадии должны решаться быстро и качественно. И если качество вёрстки напрямую зависит от верстальщика, то скорость — это фактор, который зависит от команды. Разработчики постоянно придумывают новые инструменты, чтобы ускорить процессы. Для верстальщиков таким инструментом стали CSS-фреймворки — набор готовых блоков, классов и внутренних функций, которые обеспечивают быструю и удобную разработку...

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