课程章节介绍
让我们来聊聊如何在Salesforce的Lightning组件中手动调整布局的柱子尺寸。你可以把布局想象成一个由12个等宽柱子组成的网格系统。每个柱子的大小可以通过设置`size`属性来调整，这个属性的值可以从1到12。
在这个例子中，我们有一个包含三行的布局：
1. ，第一行，：我们设置了一个`size="12"`的``，这意味着这个元素会占据整个12个柱子的宽度。这里我们用它来放置“报头”内容。
2. ，第二行，：这里我们有三列：
- 第一个``的`size="3"`，表示它占据3个柱子的宽度，用来放置“NAV”内容。
- 第二个``的`size="6"`，表示它占据6个柱子的宽度，用来放置“身体”内容。
- 第三个``的`size="3"`，表示它占据3个柱子的宽度，用来放置“一边”内容。
3. ，第三行，：我们再次设置了一个`size="12"`的``，这意味着这个元素会占据整个12个柱子的宽度。这里我们用它来放置“底部对齐”内容。
通过这种方式，你可以灵活地调整每个部分的宽度，确保你的页面布局既美观又实用。记住，`size`属性的总和应该不超过12，这样才能确保布局的平衡和一致性。