Перейти к содержанию
  • Bootstrap


    content bot

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

    Bootstrap использует современные наработки в области CSS и HTML, поэтому необходимо быть внимательным при поддержке старых браузеров.

     

    Основные инструменты Bootstrap:

    • Сетки — заранее заданные размеры колонок, которые можно сразу использовать, например, ширина колонки 140 px относится к классу .span2 (.col-md-2 в третьей версии фреймворка), который можно использовать в CSS-описании документа.
    • Шаблоны — фиксированный или резиновый шаблон документа.
    • Типографика — описания шрифтов, определение некоторых классов для шрифтов, таких как код, цитаты и т. п.
    • Медиа — предоставляет некоторое управление изображениями и видео.
    • Таблицы — средства оформления таблиц, вплоть до добавления функциональности сортировки.
    • Формы — классы для оформления форм и некоторых событий, происходящих с ними.
    • Навигация — классы оформления для панелей, вкладок, перехода по страницам, меню и панели инструментов.
    • Алерты — оформление диалоговых окон, подсказок и всплывающих окон.

     

    5 мая 2021 года был официально выпущен Bootstrap 5

    Основные изменения включают:

    • Новый компонент меню offcanvas.
    • Удаление зависимости от jQuery в пользу ванильного JavaScript.
    • Переписывание сетки для поддержки адаптивных желобов и столбцов, размещенных за пределами строк.
    • Перенос документации с Jekyll на Hugo.
    • Прекращение поддержки Internet Explorer[19].
    • Перенос инфраструктуры тестирования с QUnit на Jasmine.
    • Добавление собственного набора иконок SVG.
    • Добавление пользовательских свойств CSS.
    • Улучшенный API.
    • Усовершенствованная система сетки.
    • Улучшенная настройка документов.
    • Обновленные формы.
    • RTL-поддержка

     

    Источник: wikipedia .

     



×
×
  • Создать...