Reboot
Подходы
Вот наши рекомендации и причины для использования Reboot:
Параметры страницы по умолчанию
Элементы и обновлены чтобы обеспечить лучшие «глобальные» умолчания страниц. Подробнее:
Стек собственных шрифтов («Родные шрифты»)
Bootstrap использует “стек собственных шрифтов” или “стек системных шрифтов” для оптимальной визуализации текста на любой машине или устройстве под любой ОС. Эти системные шрифты были разработаны специально для современных устройств с улучшенным рендерингом на экранах, поддержкой переменных шрифтов и многим другим. Подробнее можно прочитайте о «родных шрифтах» в данной статье Smashing Magazine.
Обратите внимание, что, поскольку стек шрифтов включает шрифты эмодзи (emoji), многие распространенные символы Unicode будут отображаться как разноцветные пиктограммы. Их внешний вид будет различаться в зависимости от стиля, используемого в собственном шрифте эмодзи браузера/платформы, и на них не повлияют никакие цветовые color стили CSS.
Переменные CSS
По мере того, как Bootstrap 5 продолжает развиваться, все больше и больше стилей будет создаваться с использованием CSS переменных в качестве средства для обеспечения большей настройки в реальном времени без необходимости всегда перекомпилируйте Sass. Наш подход состоит в том, чтобы взять исходные переменные Sass и преобразовать их в переменные CSS. Таким образом, даже если вы не используете переменные CSS, у вас по-прежнему есть все возможности Sass. Это все еще выполняется, и для полной реализации потребуется время.
Например, рассмотрите эти переменные CSS :root для общих стилей :
На практике эти переменные затем применяются в Reboot следующим образом:
Что позволяет вам делать настройки в реальном времени, как вам нравится:
Заголовки и параграфы
Из всех элементов заголовков:
Списки
Строчный код
Reboot
Подходы
Вот наши рекомендации и причины для использования Reboot:
Параметры страницы по умолчанию
Элементы и обновлены чтобы обеспечить лучшие «глобальные» умолчания страниц. Подробнее:
Стек собственных шрифтов («Родные шрифты»)
Bootstrap использует “стек собственных шрифтов” или “стек системных шрифтов” для оптимальной визуализации текста на любой машине или устройстве под любой ОС. Эти системные шрифты были разработаны специально для современных устройств с улучшенным рендерингом на экранах, поддержкой переменных шрифтов и многим другим. Подробнее можно прочитайте о «родных шрифтах» в данной статье Smashing Magazine.
Обратите внимание, что, поскольку стек шрифтов включает шрифты эмодзи (emoji), многие распространенные символы Unicode будут отображаться как разноцветные пиктограммы. Их внешний вид будет различаться в зависимости от стиля, используемого в собственном шрифте эмодзи браузера/платформы, и на них не повлияют никакие цветовые color стили CSS.
Переменные CSS
По мере того, как Bootstrap 5 продолжает развиваться, все больше и больше стилей будет создаваться с использованием CSS переменных в качестве средства для обеспечения большей настройки в реальном времени без необходимости всегда перекомпилируйте Sass. Наш подход состоит в том, чтобы взять исходные переменные Sass и преобразовать их в переменные CSS. Таким образом, даже если вы не используете переменные CSS, у вас по-прежнему есть все возможности Sass. Это все еще выполняется, и для полной реализации потребуется время.
Например, рассмотрите эти переменные CSS :root для общих стилей :
На практике эти переменные затем применяются в Reboot следующим образом:
Что позволяет вам делать настройки в реальном времени, как вам нравится:
Заголовки и параграфы
Из всех элементов заголовков:
Списки
Строчный код
Reboot
Подход
Вот наши рекомендации и причины выбора того, что следует переопределить в Перезагрузке:
Переменные CSS
Параметры страницы по умолчанию
Элементы и обновлены, чтобы обеспечить лучшие значения по умолчанию для всей страницы. Более конкретно:
Стек собственных шрифтов
Bootstrap использует «стек собственных шрифтов» или «стек системных шрифтов» для оптимального рендеринга текста на всех устройствах и ОС. Эти системные шрифты были разработаны специально для современных устройств с улучшенным отображением на экранах, поддержкой переменных шрифтов и многим другим. Узнайте больше о стеках собственных шрифтов в этой статье Smashing Magazine.
Обратите внимание: поскольку стек шрифтов включает шрифты эмодзи, многие распространенные символы Unicode символов/дингбатов будут отображаться как разноцветные пиктограммы. Их внешний вид будет варьироваться в зависимости от стиля, используемого в собственном шрифте emoji браузера/платформы, и на них не будут влиять никакие color стили CSS.
Переменные CSS
По мере того, как Bootstrap 5 продолжает развиваться, все больше и больше стилей будет создаваться с использованием переменных CSS в качестве средства для обеспечения большей настройки в реальном времени без необходимости всегда перекомпилируйте Sass. Наш подход состоит в том, чтобы взять исходные переменные Sass и преобразовать их в переменные CSS. Таким образом, даже если вы не используете переменные CSS, у вас по-прежнему есть все возможности Sass. Это все еще выполняется, и для полной реализации потребуется время.
Например, рассмотрите эти переменные CSS :root для общих стилей :
На практике эти переменные затем применяются в Reboot следующим образом:
Что позволяет вам делать настройки в реальном времени, как вам нравится:
Заголовки и абзацы
Списки
Строчный код
Перезагрузка
Перезагрузка, набор изменений CSS для конкретных элементов в одном файле, запускает Bootstrap, чтобы обеспечить элегантную, последовательную и простую основу для развития.
Подход
Вот наши рекомендации и причины выбора того, что следует переопределить в Reboot:
Параметры страницы по умолчанию
Элементы и обновлены, чтобы обеспечить лучшие значения по умолчанию для всей страницы. Более конкретно:
Стек собственных шрифтов
Веб-шрифты по умолчанию (Helvetica Neue, Helvetica и Arial) были удалены в Bootstrap 4 и заменены «стеком собственных шрифтов» для оптимального рендеринга текста на всех устройствах и ОС. Узнайте больше о стеках собственных шрифтов в этой статье Smashing Magazine.
Заголовки и абзацы
Списки
Предварительно отформатированный текст
Таблицы
| Заголовок таблицы | Заголовок таблицы | Заголовок таблицы | Заголовок таблицы |
|---|---|---|---|
| Ячейка таблицы | Ячейка таблицы | Ячейка таблицы | Ячейка таблицы |
| Ячейка таблицы | Ячейка таблицы | Ячейка таблицы | Ячейка таблицы |
| Ячейка таблицы | Ячейка таблицы | Ячейка таблицы | Ячейка таблицы |
Формы
Для упрощения базовых стилей были перезагружены различные элементы формы. Вот некоторые из наиболее заметных изменений:
и в основном обрабатываются Normalize, но Reboot удаляет их margin и устанавливает line-height: inherit тоже.
Эти и другие изменения показаны ниже.
Указатели на кнопках
Разные элементы
Адрес
Цитата
A well-known quote, contained in a blockquote element.
Someone famous in Source Title
Строковые элементы
Резюме
Подробнее о деталях.
Еще больше деталей
Вот еще более подробная информация о деталях.
Атрибут HTML5 [hidden]
Несовместимость jQuery
Reboot
Reboot, a collection of element-specific CSS changes in a single file, kickstart Bootstrap to provide an elegant, consistent, and simple baseline to build upon.
Approach
Here are our guidelines and reasons for choosing what to override in Reboot:
CSS variables
Page defaults
The and elements are updated to provide better page-wide defaults. More specifically:
Native font stack
Bootstrap utilizes a “native font stack” or “system font stack” for optimum text rendering on every device and OS. These system fonts have been designed specifically with today’s devices in mind, with improved rendering on screens, variable font support, and more. Read more about native font stacks in this Smashing Magazine article.
Note that because the font stack includes emoji fonts, many common symbol/dingbat unicode characters will be rendered as multi-colored pictographs. Their appearance will vary, depending on the style used in the browser/platform’s native emoji font, and they won’t be affected by any CSS color styles.
CSS variables
As Bootstrap 5 continues to mature, more and more styles will be built with CSS variables as a means to provide more real-time customization without the need to always recompile Sass. Our approach is to take our source Sass variables and transform them into CSS variables. That way, even if you don’t use CSS variables, you still have all the power of Sass. This is still in-progress and will take time to fully implement.
For example, consider these :root CSS variables for common styles:
In practice, those variables are then applied in Reboot like so:
Which allows you to make real-time customizations however you like:
Headings and paragraphs
All heading elements—e.g.,
