Главная->BOOTSTRAP

BOOTSTRAP

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

Что такое Bootstrap

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

Читать дальше

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

Читать дальше

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

Читать дальше

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

Читать дальше

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

Читать дальше

Таблицы в Bootstrap 4

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

Читать дальше

Формы в Bootstrap 4

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

Читать дальше

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

Читать дальше

Кнопки в 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