通过 🎓 在线互动课程、📺 教育视频和 🧑🏻‍💻项目构建教程学习 CSS。
下载

赞助

Route Planner and Route Optimizer

Flexbox 驱动的列


构建响应式列的简单方法

使用 Bulma 构建列布局非常简单

  1. 添加一个 columns 容器
  2. 根据需要添加任意数量的 column 元素

无论列数如何,每列都将具有相等的宽度

第一列

第二列

第三列

第四列

<div class="columns">
  <div class="column">First column</div>
  <div class="column">Second column</div>
  <div class="column">Third column</div>
  <div class="column">Fourth column</div>
</div>

如何支持 Bulma

#native_company# #native_desc#
#native_cta#
免费开始
免费开始