今天照例给大家简单的介绍一下Bulma框架的一些知识点，昨天我们介绍了Bulma的类与模块，今天介绍一下响应与变量。
工具/原料
1
Bulma框架
2
前端开发工具
响应
1
我们在前面Bulma的简单教程中提到过，Bulma框架是一个移动优先的框架，主要用于移动端的开发。
2
默认垂直：Bulma框架中的每个元素都是移动优先的，并且优化了垂直阅读，因此在默认情况下手机上会有这样的一些效果：1.columns垂直堆叠2.level组件将显示，其子组件垂直堆叠2.nav菜单会被隐藏
3
断点：bulma框架有5个断点：1.mobile： 从768px2.tablet：从769px3.desktop：从1024px4.widescreen：从1216px5.fullhd：从1408px
4
变量：在Bulma中还可以使用这些变量来定制响应断点。在导入Bulma之前，我们只需设置一个或多个这些变量即可。
变量
1
轻松定制Bulma框架，以配合您的开发设计，Bulma有两个可变文件可分为4个部分，如下：
2
初始变量：这些是具有文字值的变量，我们可以通过这些来改变文字的颜色，文字的大小等。
3
通用变量：您可以使用以下通用变量进行一般的定制。在导入Bulma之前，我们只需设置一个或多个这些变量。
注意事项
这只是一个简单的介绍，具体的还需要各位开发者自己专研
上一篇：登山服的穿法