Grid System Building Blocks - Using SLDS

DEX601 - Unit 5 Implementing Navigation and Layouts

📄 第 369 页 🎬 视频课程

课程章节介绍

让我们来聊聊Salesforce Lightning设计系统(SLDS)中的网格系统构建块。想象一下,你正在搭建一个乐高模型,每个乐高积木都是你布局中的一部分。在SLDS中,这些“积木”就是网格系统,它们帮助你在页面上排列和组织内容。 现在,当你使用``这样的组件时,它就像是一个预制的乐高框架,帮你快速搭建起一个基本的布局结构。但是,这并不意味着你不需要再添加任何东西了。实际上,``并不是SLDS类的完整抽象层。也就是说,它并没有包含所有你可能需要的样式和布局选项。 所以,在大多数情况下,你可能还需要手动添加一些SLDS类到你的布局中。这就像是在你的乐高模型上添加一些额外的装饰品,让整个模型看起来更加完美和符合你的需求。 举个例子,如果你想要调整某个元素的间距或者对齐方式,你可能需要在HTML标记上直接应用SLDS类,比如`slds-p-around_medium`来添加中等大小的内边距,或者`slds-align_absolute-center`来让元素在容器中绝对居中。 总之,虽然``提供了一个很好的起点,但为了达到更精细的布局效果,手动添加SLDS类是非常必要的。这就像是在乐高模型上添加那些小细节,让你的作品更加出色和个性化。