随笔分类 -  Bulma

摘要：{说明} 这一部分的源码内容被我简化了，另外我还额外添加了一个辅助类 。 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. 宽 阅读全文

摘要：源码基于 Bulma 0.4.0 版本。 一、入口文件 是 Bulma 使用 SASS 编译的入口文件。 内容如下： 包含了 Bulma 框架的所有 6 个子部分的入口文件（ ）。分别是工具、基础、元素、组件、网格、布局。 学习的顺序是这样的： 1. 工具 2. 基础 3. 布局 4. 网格 5. 阅读全文

摘要：一、起因 最近我在学习 "SASS" ，通过它，可以将 CSS 像编程语言一样书写。 在最近之前，我又学习了 "Flex 布局" ，用起来很方便。 所以，我学习了 "Bulma" 这个纯 CSS 框架——使用 Flex 布局（浏览器支持 IE10+），源码使用 SASS 编写。 在开始进入 Bulm 阅读全文