蓝图UI版式

文档

蓝图布局提供了一个精简的CSS库,专门设计为不费力地构建反应灵敏的UI. 利用其宣示性方法来创造适应性布局,动态地应对不同容器大小,提供真正封装的组件安排.

关键特性 :

• 直观的,宣示性的布局设计
• Versatile 网格、块和内置布局选项
• 适应性成分的响应性容器查询
• 超轻量级,只为 ~3克/秒

网格

<!-- responsive 12 column grid using container queries -->
<div bp-layout="grid gap:sm cols:6">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
</div>

块

<div bp-layout="block gap:sm">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
</div>

内入

<div bp-layout="inline gap:sm">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
</div>

版本数

最新 https://blueprintui.dev/docs/layout (英语)

遗产 v3 https://blueprintcs.dev (英语)