摘要:
{说明} 这一部分的源码内容被我简化了,另外我还额外添加了一个辅助类 。 Bulma 的网格系统一行默认分成 12 列。 包围 进行网格布局。 被设定为,在平板+设备上采用 Flex 布局,在手机上的使用默认的布局。 提供了三个辅助类: 1. :列居中显示。 2. :列可多行显示。 3. :列垂直居 阅读全文
摘要:
Bulma 的 类是这样实现的。 1. 在 桌面 设备中, 的宽度固定为“$desktop 40px”,也就是 ,然后居中显示。 2. 在 宽屏 设备中, 的宽度固定为“$widescreen 40px”,也就是 ,然后居中显示。 3. 在 大屏 设备中, 的宽度固定为“$fullhd 40px”, 阅读全文
摘要:
在 Bulma 中将设备分为 6 类:手机、平板、触屏设备、桌面、宽屏和大屏。提供了四个阈值。 这些设备及对应设备宽度的范围如下: 1. 手机:0px ~ 768px 2. 平板:769px ~ 999px 3. 触屏设备:0px ~ 999px 4. 桌面:1000px ~ 1191px 5. 宽 阅读全文