Bootstrap 辅助类
Bootstrap 是一个流行的前端框架,它提供了一套丰富的辅助类,这些辅助类可以帮助开发者快速实现各种布局和样式效果。辅助类是 Bootstrap 中的一个重要组成部分,它们提供了一种简洁、直观的方式来控制元素的显示和隐藏、浮动、间距、文本对齐等。
显示和隐藏辅助类
Bootstrap 提供了一系列的辅助类来控制元素的显示和隐藏。这些类包括 .d-none
、.d-inline
、.d-inline-block
、.d-block
、.d-table
、.d-table-cell
等。这些类可以应用于任何元素,并且可以与响应式断点结合使用,例如 .d-md-none
、.d-lg-block
等。
浮动辅助类
浮动是 CSS 布局中的一个重要概念,Bootstrap 提供了 .float-left
、.float-right
和 .float-none
等辅助类来控制元素的浮动。这些类可以帮助开发者快速实现元素的左右浮动和清除浮动。
间距辅助类
Bootstrap 提供了一套丰富的间距辅助类,包括 .m-
(margin)和 .p-
(padding)。这些辅助类可以应用于元素的上下左右四个方向,例如 .m-1
、.p-2
、.mt-3
、.pr-4
等。此外,Bootstrap 还提供了一些响应式间距辅助类,例如 .m-md-1
、.p-lg-2
等。