弹性布局 / Flex

Flex 工具类包含方向、换行、grow/shrink、flex shorthand、justify、justify-items、align-items/content/self 和 order；全部提供响应式变体，尺寸中缀统一见分辨率。

基础用法

A

B

C

D

flex-grow-1

固定内容

对齐与顺序

order-last

start

end

<div class="d-flex flex-column flex-md-row justify-space-between align-center ga-4">
  <main class="flex-1-1-100">主内容</main>
  <aside class="flex-shrink-0 order-md-first">侧栏</aside>
</div>

本章类名

正在加载本章类名…