Bootstrap blog: Bootstrap Blog · Official blog for the Bootstrap framework.

Шаблон блога · Bootstrap v5.0

Пример сообщения в блоге

1 января 2021 года Марк

В этом сообщении блога показано несколько различных типов контента, которые поддерживаются и стилизованы с помощью Bootstrap. Как и ожидалось, поддерживаются базовая типографика, списки, таблицы, изображения, код и многое другое.


Это дополнительный контент-заполнитель абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация продолжалась, так что ищите точно такую же строку текста.

Цитаты

Это пример цитаты в действии:

Цитируемый текст идет сюда.

Это дополнительный контент-заполнитель абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация продолжалась, так что ищите точно такую же строку текста.

Примеры списков

Это дополнительный контент-заполнитель абзаца. Это немного более короткая версия другого часто повторяющегося основного текста, используемого повсюду. Это пример неупорядоченного списка:

  • Первый элемент списка
  • Второй элемент списка с более длинным описанием
  • Третий пункт списка, чтобы закрыть его

И это упорядоченный список:

  1. Первый элемент списка
  2. Второй элемент списка с более длинным описанием
  3. Третий пункт списка, чтобы закрыть его

И это список определений:

Язык гипертекстовой разметки (HTML)
Язык, используемый для описания и определения содержимого веб-страницы.
Каскадные таблицы стилей (CSS)
Используется для описания внешнего вида веб-контента.
JavaScript (JS)
Язык программирования, используемый для создания сложных веб-сайтов и приложений.

Встроенные элементы HTML

HTML определяет длинный список доступных встроенных тегов, полный список которых можно найти на странице Mozilla Developer Network.

  • Чтобы выделить текст полужирным, используйте <strong>.
  • Чтобы выделить текст курсивом, используйте <em>.
  • В сокращениях, таких как HTML, следует использовать <abbr> с необязательным title атрибут для полной фразы.
  • Цитирования, такие как — Марк Отто, должны использовать <cite>.
  • Удаленный текст должен использовать
    <del>
    и inserted текст должен использовать <ins>.
  • Верхний индекс text использует <sup> и нижний индекс text использует <sub>.

Большинство этих элементов стилизованы браузерами с небольшими изменениями с нашей стороны.

Заголовок

Это дополнительный контент-заполнитель абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация продолжалась, так что ищите точно такую же строку текста.

Подзаголовок

Это дополнительный контент-заполнитель абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация продолжалась, так что ищите точно такую же строку текста.

Пример блока кода

Это дополнительный контент-заполнитель абзаца. Это немного более короткая версия другого часто повторяющегося основного текста, используемого повсюду.

Другой пост в блоге

23 декабря 2020 г. Джейкоб

Это дополнительный контент-заполнитель абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация продолжалась, так что ищите точно такую же строку текста.

Здесь идет более длинная цитата, возможно, с некоторым выделенным текстом

посередине.

Это дополнительный контент-заполнитель абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация продолжалась, так что ищите точно такую же строку текста.

Пример таблица

И не забывайте о таблицах в этих постах:

НаименованиеГолосование заГолосов против
Alice1011
Bob43
Charlie79
Totals2123

Это дополнительный контент-заполнитель абзаца.

Это немного более короткая версия другого часто повторяющегося основного текста, используемого повсюду.

Новая особенность

14 декабря 2020 г. Крис

Это дополнительный контент-заполнитель абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация продолжалась, так что ищите точно такую же строку текста.

  • Первый элемент списка
  • Второй элемент списка с более длинным описанием
  • Третий пункт списка, чтобы закрыть его

Это дополнительный контент-заполнитель абзаца. Это немного более короткая версия другого часто повторяющегося основного текста, используемого повсюду.

Блог Bootstrap · Официальный блог фреймворка Bootstrap.

@мдо

03 апреля 2023 г.

По горячим следам нашей второй альфа-версии сегодня мы выпускаем третью (и неожиданную) альфа-версию для версии 5. 3.0 с некоторыми исправлениями для некоторых ошибок компиляции Node Sass. Кроме того, мы добавили несколько других обновлений. Мы все еще на пути к скорому выпуску нашего стабильного релиза!

Еще раз, если вы новичок в альфа-версиях версии 5.3.0, прочтите руководство по миграции для первой альфа-версии и второй альфа-версии за последний месяц.

Вот что изменилось в этом быстром выпуске:

  • Исправлены неправильные интерполированные переменные с помощью node-sass/Hugo.
  • Добавлена ​​проверка интерполированных переменных для обнаружения ошибок компиляции с помощью Node Sass при использовании переменных Sass в функциях calc()
    .
  • Начато использование переменных --bs-border-radius для большего количества компонентов.
  • Добавлен служебный класс .d-inline-grid .
  • Исправлено .tooltip-inner 9Размещение 0017 при использовании вариантов в fallbackPlacements .
  • Исправлены селекторы для переопределения карусели темного режима при компиляции с $color-mode-type: media-query .
  • Обновлен стиль плавающих меток, когда они «плавают», чтобы включить background-color , чтобы помочь с несколькими строками текста в текстовой области s. Это также исправляет цвета, когда элементы формы отключены в плавающих формах.
  • Обновлен RFS до версии 10.0.0.

Получить выпуск

Перейдите на https://getbootstrap.com, чтобы получить последнюю версию.

Он также был отправлен в npm:

 npm i [email protected]
 

Ознакомьтесь с журналом изменений GitHub v5.3.0-alpha3, чтобы узнать полный список изменений в этом выпуске.

Поддержите команду

Посетите нашу страницу Open Collective или профили членов нашей команды на GitHub, чтобы поддержать тех, кто занимается поддержкой Bootstrap.

@мдо

24 марта 2023 г.

Вышла вторая альфа-версия v5.3.0 с множеством улучшений и исправлений ошибок для новых цветовых режимов! Это еще не все, но мы отложили доставку, пока не устраним достаточно проблем. Ура, у нас есть!

Этот выпуск v5.3.0 представляет собой монументальное обновление для Bootstrap 5. Он достаточно большой, чтобы сам по себе мог стать v6, но мы хотели поступить правильно с сообществом и получить цветовые режимы за дверь без массивного майора. выпуск обновления. Сейчас мы очень близки, так что терпите нас, пока мы продолжаем урезать это.

А пока вот краткое изложение того, что изменилось со времени нашего первого альфа-тестирования. Прочтите руководство по миграции для первой альфа-версии или сообщение в блоге, посвященное объявлению о выпуске, если вы только приступили к работе с версией 5.3.0.

Переменные CSS

  • Удалено несколько повторяющихся и неиспользуемых корневых переменных CSS.

Цветовые режимы

  • Цвета темного режима теперь получаются из цветов нашей темы (например, $primary ) в Sass, а не из цветовых оттенков или оттенков (например, $синий-300 ). Это позволяет использовать более автоматизированный темный режим при настройке цветов темы по умолчанию.

  • Добавлены карты Sass для создания цветов темы для текста в темном режиме, тонкого фона и тонкой границы.

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

  • Добавлена ​​цветовая схема : темный в темный режим CSS для изменения элементов управления уровня ОС, таких как полосы прокрутки

  • Проверка формы цвет границы и состояния текста цвет теперь реагируют на темный режим благодаря новым переменным Sass и CSS.

  • Отброшены недавно добавленные переменные CSS фона управления формой и переназначены переменные Sass для использования вместо них переменных CSS. Это упрощает стилизацию в цветовых режимах и позволяет избежать проблемы, из-за которой элементы управления формы в темном режиме не обновляются должным образом.

  • Наши box-shadow s снова всегда будут оставаться темными, а не инвертироваться в белый цвет в темном режиме.

  • Улучшен HTML и JavaScript для нашего сценария переключения цветового режима. Улучшен селектор для изменения активного SVG, а разметка стала более доступной благодаря атрибутам ARIA.

  • Улучшены цвета синтаксиса кода документов и многое другое в светлом и темном режимах.

  • Удалена возможность вкладывать компоненты светлого режима в темный режим. К сожалению, это было очень неполным и просто непрактичным без четырехкратного увеличения наших селекторов для каждого компонента. Может в v6!

Типографика

  • Мы больше не устанавливаем цвет для $headings-color-dark или --bs-heading-color для темного режима. Чтобы избежать нескольких проблем, связанных с тем, что заголовки внутри компонентов отображаются неправильным цветом, мы установили для переменной Sass значение null и добавили проверку null , как мы используем в светлом режиме по умолчанию.

Компоненты

  • Карты

    теперь имеют набор цветов для улучшения рендеринга в цветовых режимах.

  • Добавлен новый вариант .nav-underline для нашей навигации с более простой нижней границей под активной навигационной ссылкой. См. документы для примера.

  • Навигаторы теперь имеют новые стили :focus-visible , которые лучше соответствуют нашим пользовательским стилям фокуса кнопок.

Помощники

  • Добавлен новый помощник .icon-link для быстрого размещения и выравнивания значков Bootstrap рядом с текстовой ссылкой. Ссылки на значки также поддерживают наши новые утилиты ссылок.

  • Добавлен новый помощник кольца фокусировки для удаления стандартного контура и установки пользовательского кольца фокусировки box-shadow .

Коммунальные услуги

  • Переименованные переменные Sass и CSS ${color}-text в ${color}-text-emphasis , чтобы они соответствовали связанным с ними утилитам.

  • Добавлен новый помощник .link-body-emphasis вместе с цветными ссылками. Это создает цветную ссылку, используя наш цветовой режим, реагирующий на цвет акцента.

  • Добавлены новые утилиты ссылок для непрозрачности цвета ссылки, смещения подчеркивания, цвета подчеркивания и прозрачности подчеркивания. Изучите новые утилиты ссылок.

  • Утилиты border-width на основе переменных CSS были возвращены для прямой установки своих свойств (как это делалось до версии 5.2.0). Это позволяет избежать проблем наследования между вложенными элементами, включая таблицы.

  • Добавлена ​​новая утилита .border-black , соответствующая нашему .text-black и .bg-black утилиты.

  • Устарело Утилита .text-muted и переменная $text-muted Sass устарели. Он был заменен на .text-body-secondary и $body-secondary-color .

Документы

  • Обновлено оглавление страницы документов для использования Scrollpy (привет нашим документам v3!).
  • Обновлен синтаксис, выделяющий цвета для фрагментов кода в цветовых режимах.
  • Улучшено содержимое и визуализация некоторых выносок к документам.
  • Задокументируйте дополнительные функции цветового режима и предложения по использованию.
  • Добавлено переключение темы на страницы с примерами.
  • Обновлены зависимости по всем направлениям, в том числе в наших руководствах.

Известные проблемы

Хотя это и не исчерпывающий список, вот некоторые вещи, над которыми мы собираемся работать, прежде чем объявить этот выпуск стабильным. Вы можете отслеживать это и многое другое в стабильном проекте версии 5.3.0 на GitHub.

  • Добавление новых функций в утилиты с помощью примесей и функций.
  • Некоторым компонентам требуется еще один проход для включения отклика в полноцветном режиме. Имейте в виду, что некоторые компоненты, такие как кнопки, не получат адаптивность в полноцветном режиме до версии v6.
  • Метки в отключенных плавающих формах отображаются неправильно.
  • Необходимо обновить документы для изменения цветов темы в цветовых режимах.
  • Примеры требуют еще одного прохода для поддержки темного режима, новых снимков экрана и многого другого.
  • Улучшена область щелчка/касания для ввода диапазона.

Следующей будет стабильная версия v5.3.0. Первоначально это планировалось как бета-версия, но я думаю, что мы достаточно близки, чтобы назвать этот финал еще одним релизом.

Получить выпуск

Перейдите на https://getbootstrap.com, чтобы получить последнюю версию. Он также был отправлен в npm:

 npm i [email protected]
 

Прочтите журнал изменений GitHub v5.3.0-alpha2, чтобы узнать полный список изменений в этом выпуске.

Поддержите команду

Посетите нашу страницу Open Collective или профили членов нашей команды на GitHub, чтобы поддержать тех, кто занимается поддержкой Bootstrap.

@мдо

24 декабря 2022 г.

Это рождественское чудо — Bootstrap v5.3.0-alpha1 прибыл как раз к праздничным каникулам! В этом выпуске добавлена ​​поддержка нового цветового режима, расширенная цветовая палитра с переменными и утилитами и многое другое.

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

Темный режим и цветовые режимы

Bootstrap теперь поддерживает явное согласие на создание нескольких цветовых режимов через атрибут data-bs-theme в корневом элементе . Мы выбрали решение атрибутов данных , чтобы вы могли создавать любое количество тем, а не только светлые и темные. Мы используем новый миксин Sass, color-mode() , для создания стилей темного режима либо с атрибутом данных (по умолчанию), либо с медиа-запросом. Последнее полезно, если у вас есть только два цветовых режима и вы хотите автоматически менять цветовой режим через CSS.

Подробнее читайте в документации по новому цветовому режиму.

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

Если вы используете CDN или начальный шаблон, использовать новые цветовые режимы несложно. Добавьте атрибут data-bs-theme с light или dark соответствует элементу , и вы будете использовать либо светлую, либо темную тему.

 

  <голова>
    <мета-кодировка="utf-8">
    
    Демо Bootstrap
     jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" целостность="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="анонимный">
  
  <тело>
     

Привет, мир!

Хотите вместо этого использовать мультимедийные запросы CSS для изменения цветового режима? Вы также можете создать Bootstrap с помощью Sass и настроить использование цветовых режимов. Прочтите документы, чтобы узнать больше. Вы даже можете создавать собственные цветовые режимы.

Расширенная цветовая палитра

У нас есть огромное обновление цветовой палитры с новыми переменными Sass, переменными CSS и утилитами для загрузки. Цвета переднего плана и фона имеют новые вторичные, третичные и акцентные цвета на выбор, в то время как наши цвета темы были расширены и теперь включают их тонкие цвета фона, тонкие цвета границ и более темные цвета текста. Мы перестроили некоторые компоненты (например, группы списков и оповещения), чтобы использовать эти новые переменные в их исходном Sass, и скомпилировали CSS, чтобы они реагировали на изменения цветового режима.

Ознакомьтесь с документацией по новым цветам.

И многое другое!

И еще несколько примечательных изменений:

  • Добавлены новые переменные CSS для точек останова сетки, цветов ссылок, кнопки закрытия, ссылок предупреждений, форм и т. д. Кроме того, многие компоненты были обновлены, чтобы использовать более глобальные переменные CSS, такие как --bs-border-color , чтобы лучше реагировать на изменение цветовых режимов.

  • Плавающие формы были обновлены, чтобы сделать их более пуленепробиваемыми, и теперь они включают правильную поддержку текстовых областей.

  • Добавлено множество новых утилит, в том числе fw-medium , overflow и object-fit утилиты, z-index и другие. Кроме того, утилиты border-radius были обновлены, чтобы вы могли комбинировать .rounded-{top|bottom|start|end} с .rounded-{0-5|pill|circle} .

  • Исправлены некоторые проблемы с согласованностью всплывающих подсказок и всплывающих окон.

Обязательно ознакомьтесь с руководством по миграции версии 5.3.0, чтобы узнать, что изменилось.

Следующее

По мере того, как мы дорабатываем выпуск с учетом ваших отзывов и отчетов об ошибках, мы также будем обновлять блог Bootstrap и сайты Bootstrap Icons для использования новых тем в ближайшее время. Мы также продолжим совершенствовать работу наших компонентов и утилит с новыми цветовыми режимами, добавим тестирование Sass, чтобы улучшить охват того, как люди строят с помощью Bootstrap, и многое другое.

Получить выпуск

Перейдите на https://getbootstrap.com, чтобы получить последнюю версию. Он также был перемещен в npm:

 нпм в начальной загрузке @v5. 3.0-alpha1
 

Ознакомьтесь с журналом изменений GitHub v5.3.0-alpha1, чтобы узнать полный список изменений в этом выпуске.

Поддержите команду

Посетите нашу страницу Open Collective или профили членов нашей команды на GitHub, чтобы поддержать тех, кто занимается поддержкой Bootstrap.

@мдо

22 ноября 2022 г.

Мы отказались от разработки v5.3.0, чтобы выпустить новую версию исправления, Bootstrap v5.2.3, с несколькими более срочными исправлениями ошибок.

Основные моменты

  • Добавлены отсутствующие переменные :root CSS в наш пакет утилит
  • Исправлено предупреждение об устаревании в Sass 1.56.0
  • Исправлено направление RTL translate() для каруселей
  • Исправлены несоответствия всплывающих подсказок и всплывающих окон

Мы возвращаемся к нему с версией 5.3.0 с поддержкой цветовых режимов, новых утилит и многого другого. Ищите предварительный выпуск этого в ближайшее время.

Получить выпуск

Перейдите на https://getbootstrap.com, чтобы получить последнюю версию. Он также был отправлен в npm:

 npm i [email protected]
 

Прочтите журнал изменений GitHub v5.2.3, чтобы узнать полный список изменений в этом выпуске.

Поддержите команду

Посетите нашу страницу Open Collective или профили членов нашей команды на GitHub, чтобы поддержать тех, кто занимается поддержкой Bootstrap.

@мдо

11 ноября 2022 г.

Bootstrap Icons v1.10.0 уже здесь с почти 150 новыми значками. Этот выпуск включает в себя множество новых вариантов значков людей, зданий и баз данных, а также новые бренды, ракеты, дорожные знаки, глобусы и многое другое. Нам сейчас более 1900 иконок !

150 новых значков

Вот краткий обзор всех новых значков в версии 1. 10.0:

Некоторые особенности новых значков:

  • 22 новых значка человека
  • 26 новых значков домов
  • 24 значка новых зданий, включая переименованное здание с по зданий
  • 22 новых значка базы данных
  • 24 новых значка дорожных знаков
  • Новые иконки земного шара
  • Новые значки транспорта для электромобилей, такси, автобусов и скутеров
  • Новые ракеты
  • и больше!

Мы также исправили правила заполнения для нескольких проблем в документации, в том числе:

  • Дедупликация названий категорий Бренд и Бренды , чтобы они были просто Брендом
  • Обновлены теги на нескольких страницах значков для дополнительных псевдонимов

Ищете новые значки? Перейдите к системе отслеживания проблем, чтобы проверить наличие открытых запросов или отправить новый.

Установка

Для начала установите или обновите через npm:

 npm i bootstrap-icons
 

Или Composer:

 composer требуют twbs/bootstrap-icons
 

Вы также можете загрузить выпуск с GitHub или загрузить только SVG и шрифты (без остальных файлов репозитория).

Figma

Файл Figma теперь опубликован в сообществе Figma! Это тот же файл Bootstrap Icons Figma, который вы видели в предыдущих выпусках, только немного более доступный для тех, кто использует приложение.

Bootstrap 5.3.0-alpha2 | Блог Bootstrap

@мдо

24 марта 2023 г.

Наш второй альфа-релиз v5.3.0 вышел с массой улучшений и исправлений ошибок для наших новых цветовых режимов! Это еще не все, но мы отложили доставку, пока не устраним достаточно проблем. Ура, у нас есть!

Этот выпуск v5.3.0 представляет собой монументальное обновление для Bootstrap 5. Он достаточно большой, чтобы сам по себе мог стать v6, но мы хотели поступить правильно с сообществом и получить цветовые режимы за дверь без массивного майора. выпуск обновления. Сейчас мы очень близки, так что терпите нас, пока мы продолжаем урезать это.

А пока вот краткое изложение того, что изменилось со времени нашего первого альфа-тестирования. Прочтите руководство по миграции для первой альфа-версии или сообщение в блоге, посвященное объявлению о выпуске, если вы только приступили к работе с версией 5.3.0.

Переменные CSS

  • Удалено несколько повторяющихся и неиспользуемых корневых переменных CSS.

Цветовые режимы

  • Цвета темного режима теперь получаются из цветов нашей темы (например, $primary ) в Sass, а не из цветовых оттенков или оттенков (например, $синий-300 ). Это позволяет использовать более автоматизированный темный режим при настройке цветов темы по умолчанию.

  • Добавлены карты Sass для создания цветов темы для текста в темном режиме, тонкого фона и тонкой границы.

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

  • Добавлена ​​цветовая схема : темный в темный режим CSS для изменения элементов управления уровня ОС, таких как полосы прокрутки

  • Проверка формы цвет границы и состояния текста цвет теперь реагируют на темный режим благодаря новым переменным Sass и CSS.

  • Отброшены недавно добавленные переменные CSS фона управления формой и переназначены переменные Sass для использования вместо них переменных CSS. Это упрощает стилизацию в цветовых режимах и позволяет избежать проблемы, из-за которой элементы управления формы в темном режиме не обновляются должным образом.

  • Наши box-shadow s снова всегда будут оставаться темными, а не инвертироваться в белый цвет в темном режиме.

  • Улучшен HTML и JavaScript для нашего сценария переключения цветового режима. Улучшен селектор для изменения активного SVG, а разметка стала более доступной благодаря атрибутам ARIA.

  • Улучшены цвета синтаксиса кода документов и многое другое в светлом и темном режимах.

  • Удалена возможность вкладывать компоненты светлого режима в темный режим. К сожалению, это было очень неполным и просто непрактичным без четырехкратного увеличения наших селекторов для каждого компонента. Может в v6!

Типографика

  • Мы больше не устанавливаем цвет для $headings-color-dark или --bs-heading-color для темного режима. Чтобы избежать нескольких проблем, связанных с тем, что заголовки внутри компонентов отображаются неправильным цветом, мы установили для переменной Sass значение null и добавили проверку null , как мы используем в светлом режиме по умолчанию.

Компоненты

  • Карты

    теперь имеют набор цветов для улучшения рендеринга в цветовых режимах.

  • Добавлен новый вариант .nav-underline для нашей навигации с более простой нижней границей под активной навигационной ссылкой. См. документы для примера.

  • Навигаторы теперь имеют новые стили :focus-visible , которые лучше соответствуют нашим пользовательским стилям фокуса кнопок.

Помощники

  • Добавлен новый помощник . icon-link для быстрого размещения и выравнивания значков Bootstrap рядом с текстовой ссылкой. Ссылки на значки также поддерживают наши новые утилиты ссылок.

  • Добавлен новый помощник кольца фокусировки для удаления стандартного контура и установки пользовательского кольца фокусировки box-shadow .

Коммунальные услуги

  • Переименованные переменные Sass и CSS ${color}-text в ${color}-text-emphasis , чтобы они соответствовали связанным с ними утилитам.

  • Добавлен новый помощник .link-body-emphasis вместе с цветными ссылками. Это создает цветную ссылку, используя наш цветовой режим, реагирующий на цвет акцента.

  • Добавлены новые утилиты ссылок для непрозрачности цвета ссылки, смещения подчеркивания, цвета подчеркивания и прозрачности подчеркивания. Изучите новые утилиты ссылок.

  • Утилиты border-width на основе переменных CSS были возвращены для прямой установки своих свойств (как это делалось до версии 5. 2.0). Это позволяет избежать проблем наследования между вложенными элементами, включая таблицы.

  • Добавлена ​​новая утилита .border-black , соответствующая нашему .text-black и .bg-black утилиты.

  • Устарело Утилита .text-muted и переменная $text-muted Sass устарели. Он был заменен на .text-body-secondary и $body-secondary-color .

Документы

  • Обновлено оглавление страницы документов для использования Scrollpy (привет нашим документам v3!).
  • Обновлен синтаксис, выделяющий цвета для фрагментов кода в цветовых режимах.
  • Улучшено содержимое и визуализация некоторых выносок к документам.
  • Задокументируйте дополнительные функции цветового режима и предложения по использованию.
  • Добавлено переключение темы на страницы с примерами.
  • Обновлены зависимости по всем направлениям, в том числе в наших руководствах.

Известные проблемы

Хотя это и не исчерпывающий список, вот некоторые вещи, над которыми мы собираемся работать, прежде чем объявить этот выпуск стабильным. Вы можете отслеживать это и многое другое в стабильном проекте версии 5.3.0 на GitHub.

  • Добавление новых функций в утилиты с помощью примесей и функций.
  • Некоторым компонентам требуется еще один проход для включения отклика в полноцветном режиме. Имейте в виду, что некоторые компоненты, такие как кнопки, не получат адаптивность в полноцветном режиме до версии v6.
  • Метки в отключенных плавающих формах отображаются неправильно.
  • Необходимо обновить документы для изменения цветов темы в цветовых режимах.
  • Примеры требуют еще одного прохода для поддержки темного режима, новых снимков экрана и многого другого.
  • Улучшена область щелчка/касания для ввода диапазона.

Следующей будет стабильная версия v5.3.0. Первоначально это планировалось как бета-версия, но я думаю, что мы достаточно близки, чтобы назвать этот финал еще одним релизом.

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *