课程章节介绍
让我们来聊聊这个垂直框布局。在Salesforce的Lightning Design System（SLDS）中，我们有一种非常方便的方式来创建垂直排列的布局，这就是使用`slds-grid_vertical`类。
想象一下，你有一个盒子，你想在里面放几个小盒子，这些小盒子要一个接一个地垂直排列。这时候，你就可以用`slds-grid_vertical`来实现这个效果。
在你的代码中，你首先创建了一个大的`div`，并给它加上了`slds-grid`和`slds-grid_vertical`这两个类。`slds-grid`告诉浏览器这是一个网格布局，而`slds-grid_vertical`则告诉浏览器这个网格是垂直排列的。
然后，在这个大`div`里面，你又放了两个小`div`，每个小`div`都加上了`slds-col`类。`slds-col`表示这是一个列，它会自动占据父容器中的可用空间。
所以，最终的效果就是，这两个小`div`会一个在上，一个在下，垂直排列在大`div`里面。第一个小`div`会显示“这是第1列”，第二个小`div`会显示“这是第2列”。
另外，你提到的“SDS样式类”可能是一个笔误，应该是“SLDS样式类”。SLDS是Salesforce Lightning Design System的缩写，它提供了一系列的CSS类，帮助我们快速构建符合Salesforce风格的界面。
希望这个解释能帮助你理解垂直框布局的概念。如果你有任何问题，随时问我哦！