С моей точки зрения! это лучший вариант

Загрузка файлов Bootstrap
Если вы хотите загрузить и разместить Bootstrap! это так же просто! как загрузить точки зрения! это лучший  файлы из репозитория на вашем веб-сайте! а затем добавить путь! по которому они размещены! в ваш HTML. На сайте фреймворка также рассказывают! как их установить из консоли.

поскольку вы не будете зависеть от третьих лиц в предоставлении необходимых файлов! необходимых вашему сайту для его корректного отображения.

Основные компоненты
В Bootstrap есть стили практически для всех компонентов! которые могут понадобиться веб-сайту: меню! кнопки! таблицы! типографика… Подробное описание их всех по отдельности было бы бесконечным! поэтому в следующих разделах я дам вам краткое описание тех! которые я рассмотрим Список телефонных номеров Telegram в Корее наиболее практичные и распространенные. В любом случае! если вы хотите взглянуть на все! что они предоставляют! это полностью задокументировано на их веб-сайте.

Шаблоны начальной загрузки

Сетка
Работа в сетке — самое важное свойство! которым обладает Bootstrap ! поскольку оно решает проблему просмотра элементов в разных разрешениях и на разных устройствах.

А что насчет Грида? Одной из основных проблем! с которыми Google Мой Бизнес: что это такое и зачем регистрировать свой бизнес прямо сейчас вы сталкиваетесь при разработке веб-сайта! является распределение пространства на экранах разного разрешения. Обычно в зависимости от разрешения экрана вы хотите! чтобы контент отображался тем или иным способом.

Сетка позволяет вам определять поведение! специфичное для каждого пространства и характеристик экрана.

Чтобы решить проблему макета! Bootstrap делит экран на сетку из 12 столбцов. Чтобы позже вы могли самостоятельно управлять этими столбцами в соответствии с размером рассматриваемого экрана. Например! абзац! который вы хотите! чтобы на мониторе настольного компьютера занимал половину экрана (12/2 = 6 столбцов)! а на мобильном устройстве вы хотите! чтобы он занимал весь экран (12 столбцов). Этого можно добиться! добавив стиль для маленьких экранов и еще один для остальных:

Размеры экрана в Bootstrap

То! что я только что объяснил! звучит великолепно… но как Bootstrap узнает! нахожусь ли я на экране мобильного телефона или компьютера? Система сеток Bootstrap разделена на шесть размеров с соответствующими префиксами. Они ограничены размером экрана в пикселях:

После каждого префикса следует добавить количество столбцов! которые будет охватывать это разрешение. Например: col-xs-12

Вам это может показаться сложным! но немного по списку попрактиковавшись! вы увидите! как это значительно облегчит вашу работу. Чтобы увидеть конкретные примеры и более подробную документацию! следите за их справочной документацией .

Пример кода может быть:

Навигация
Еще одна из основных проблем! с которыми мы сталкиваемся при разработке веб-сайта! — это меню. Меню или панель навигации — это заголовок! который размещается в верхней части страницы. Помимо проблемы функционирования на мобильных устройствах (для отображения на мобильных устройствах ее необходимо сжать в кнопку) есть много интересных случаев! которые сам Bootstrap предусматривает в своем коде! например! фиксация ее в верхней части экрана при прокрутка.