~/brickswiki $ grep -r "layout" ./guides/
「layout」
共 5 篇相关教程
tutorial
Bricks Builder Layout 布局详解
教程：布局是搭页面的骨架。讲清 Section/Container/Element 层级，以及 Flex 排方向、Grid 做多列等核心布局工具。
Ray Chan·2026 / 08 / 20·约 3 分读tutorial
Bricks CSS Grid 布局完全指南：grid-template 与可视化栅格构建器（Visual Grid Builder）
教程：从 Bricks 1.6.1 起，任意布局元素都能用 CSS Grid 做二维布局。本文讲清 Grid Container / Grid Item、grid-template-columns/rows、fr 单位、implicit grid、minmax、auto-fill/auto-fit、repeat，以及 Visual Grid Builder 的可视化拖拽、断点与查询循环支持。
Ray Chan·2026 / 08 / 18·约 5 分读tutorial
在 Bricks 中创建可变宽度的全宽网格布局
教程：在 Bricks 中用 CSS Grid 命名区域实现 700px 居中正文 + 宽/更宽/全宽/侧栏多档可变宽度布局，含完整 CSS 与 PHP 代码。
Ray Chan·2026 / 08 / 18·约 3 分读tutorial
Bricks Layout 布局详解——Section / Container / Block / Div 四件套与 Flexbox
教程：Bricks 的四种布局元素 Section、Container、Block、Div 各用在哪？Flexbox 的换行、方向、对齐、间距怎么设？一篇理顺。
Ray Chan·2026 / 08 / 15·约 3 分读tutorial
Bricks Query Loop 三种三栏布局方案（Flexbox / CSS Grid / Masonry）
教程：Bricks Query Loop 三种三栏布局方案（Flexbox / CSS Grid / Masonry）——query loop 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读