Using the <lightning-layout> Grid System

DEX602 - Unit 2 Introducing Lightning Web Components

📄 第 174 页 🎬 视频课程

课程章节介绍

今天我们来聊聊Salesforce中的网格系统。这个系统非常灵活,可以帮助我们在页面或者容器内排列内容。它的设计理念是“移动优先”,也就是说,它首先考虑的是在移动设备上的显示效果,然后才是在桌面设备上的显示效果。 基于一个12列的网格系统。这意味着你可以将页面分成最多12个等宽的列,然后根据需要将内容放置在这些列中。这种布局方式非常灵活,可以轻松地适应不同大小的屏幕和设备。 不过,有一点需要注意的是,微软的Edge浏览器和IE11并不支持。如果你需要在这些浏览器上实现类似的布局效果,你可以使用
标签,并为其添加SLDS(Salesforce Lightning Design System)的网格类。这样,你就可以在这些浏览器上创建出灵活的网格系统了。 总的来说,是一个非常强大的工具,可以帮助我们快速构建出响应式的页面布局。只要你掌握了它的基本用法,就可以轻松地在Salesforce中创建出美观且功能强大的用户界面。