Справочник по BOOTSTRAP

Bootstrap (также известен как Twitter Bootstrap) — свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML- и CSS-шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейса, включая JavaScript-расширения. Bootstrap использует современные наработки в области CSS и HTML, поэтому необходимо быть внимательным при поддержке старых браузеров.

Bootstrap — это бесплатный фреймворк с открытым исходным кодом для создания веб-сайтов и веб-приложений. Это самый популярный фреймворк HTML, CSS и JS для разработки адаптивных и мобильных проектов в ... Читать дальше

Bootstrap использует свои собственные файлы CSS и JavaScript, на которые нужно ссылаться. Вы также должны убедиться, что ваша страница содержит несколько стандартных элементов, как описано ниже. Фа... Читать дальше

Bootstrap требует элемента контейнера, который будет содержать сетку (подробнее о сетке далее). Классы контейнеров были созданы специально для этой цели и они могут быть фиксированными или гибкими. ... Читать дальше

Система сеток позволяют создавать продвинутые макеты с использованием рядов и колонок. Сетка Bootstrap может содержать до 12 колонок, и вы можете указать, как эти колонки будут масштабироваться для ра... Читать дальше

Bootstrap включает в себя стили, которые определяют, как показываются текстовые элементы. Основной текст По умолчанию в Bootstrap 4 font-size равен 16px (применяется к элементу <html>), к эл... Читать дальше

Bootstrap 4 добавил несколько новых классов таблиц, которые помогают создавать единообразно оформленные и адаптивные таблицы. Базовая таблица Для базовой таблицы, с небольшим padding у ячеек и гор... Читать дальше

Bootstrap 4 предлагает стиль по умолчанию, который применяется к большинству полей формы. Bootstrap также предоставляет классы для конкретных целей. Базовая форма Используйте класс .form-control д... Читать дальше

Bootstrap 4 представляет пользовательские формы — это полностью настраиваемые элементы формы, которые заменяют элементы формы в браузере по умолчанию. Идея создания пользовательских форм заключается в... Читать дальше

Bootstrap 4 предоставляет девять предопределённых стилей для кнопок, каждый из этих стилей служит разным семантическим целям. Для стилизации кнопки используйте класс .btn, а затем нужный стиль. Наприм... Читать дальше

Bootstrap предлагает классы, которые можно использовать при работе с элементом <img>. Большинство из этих служебных классов могут применяться к любому элементу, а не не только к изображениям. Те... Читать дальше

Bootstrap включает в себя компонент для добавления выпадающих меню. JavaScript входит в JS-файл Bootstrap по умолчанию, так что вы можете использовать его, просто добавив классы CSS. JavaScript в даль... Читать дальше

Группы кнопок Bootstrap позволяют объединять кнопки по горизонтали или по вертикали. Горизонтальная группа кнопок <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com... Читать дальше

Группы ввода позволяют комбинировать поля формы и текст в одной строке. Они похожи на группы кнопок в том смысле, что позволяют выстраивать элементы вплотную друг к другу. <link rel="sty... Читать дальше

Легко добавляйте сворачиваемое содержимое с помощью .collapse и связанных классов. Вы можете сделать своё содержимое сворачиваемым, добавив data-toggle="collapse" к кнопке или ссылке, котора... Читать дальше

Класс .nav (и связанные с ним классы) позволяет превратить список во вкладки и навигационные «пилюли». Чтобы создать вкладку или пилюлю, добавьте класс .nav, а также класс .nav-pills либо .nav-tabs к ... Читать дальше

Панель навигации Bootstrap 4 — это простая оболочка для размещения брендинга, навигации и других элементов в навигационном заголовке. Базовая панель <link rel="stylesheet" href=&quo... Читать дальше

Bootstrap предлагает класс .breadcrumb, который оформляет список в виде хлебных крошек. Чтобы получить эффект «хлебных крошек» Bootstrap добавляет разделители (через ::before и content), а также displ... Читать дальше

Класс .pagination в Bootstrap делает нумерацию страниц. Разбиение на страницы обычно происходит, когда у вас есть навигация со ссылками на разные страницы в серии. К примеру, результаты поиска возвращ... Читать дальше

Классы значков Bootstrap можно использовать для выделения дополнительной информации, которая добавляется к строке текста. Для создания значка примените класс .badge, а также один из классов .badge-* к... Читать дальше

В Bootstrap джамботрон — это крупный выносной элемент, стилизованный с большим текстом и тяжёлыми отступами. По умолчанию джамботрон оформлен светло-серым цветом (#eceeef), но вы можете изменить его н... Читать дальше

Страницы: 1 2