«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Как класс Bootstrap «mb-0» влияет на границу элемента?

Как класс Bootstrap «mb-0» влияет на границу элемента?

Опубликовано 4 ноября 2024 г.
Просматривать:770

How does the Bootstrap class \

Понимание Class="mb-0" в Bootstrap 4

Bootstrap 4 предоставляет комплексные служебные классы для управления полями и отступами на экранах разных размеров, известные как mb ( поле внизу) классы. Эти классы обеспечивают гибкость в настройке интервала между элементами для различных областей просмотра, как описано ниже:

Понимание class="mb-0"

The class="mb-0" специально нацелен на нижнее поле элемента и устанавливает его на 0. Этот класс подпадает под категорию служебного класса поля и используется для полного удаления нижнего поля.

Формат класса утилиты Bootstrap Margin and Padding Utility &&&]

Bootstrap использует согласованное соглашение об именах для своих служебных классов полей и заполнения:

{property}{sides}-{size} или {property }{sides}-{breakpoint}-{size}

Свойство:

    m для поля
  • p для заполнения

Боковые стороны:

    t для верха
  • b для низа
  • l для левого
  • r для правого
  • x для левого и правого
  • y для верхнего и нижнего

Точки останова:

    xs для sm для >=576 пикселей
  • md для >=768 пикселей
  • lg для >=992 пикселей
  • xl для > =1200px

Размер:

    0 устанавливает поле или отступ равным 0
  • 1 устанавливает поле или отступ равным . 25rem (4px)
  • 2 устанавливает размер поля или отступа равным .5rem (8 пикселей)
  • 3 устанавливает размер поля или отступа равным 1rem (16 пикселей)
  • 4 устанавливает размер или отступ до 1,5 rem (24 пикселя)
  • 5 устанавливает отступ или отступ до 3 rem (48 пикселей)
  • auto устанавливает отступ до авто

Пример использования

Lorem ipsum

Этот код применяет класс="mb-0" к элементу абзаца, удаление нижнего поля.

Дополнительные ресурсы

Для получения более полной информации обратитесь к следующим ресурсам:

    [Bootstrap 4.5 - Интервалы ](https://getbootstrap.com/docs/4.5/utilities/spacing/)
  • [w3schools: классы полей и заполнения Bootstrap](https://www.w3schools.com/bootstrap4/bootstrap_margin_padding.asp )
Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3