前端框架 Bootstrap 4.3.0 发布,引入自适应字体尺寸

来源: OSCHINA
编辑:
2019-02-14 09:08:00

目前 Bootstrap 的最新版本为 4.3.1,主要是修复 4.3.0 中的 XSS 漏洞和关于 RFS 功能Responsive Font Sizes,自适应字体尺寸的小问题。

下面看看 4.3.0 中的更新亮点。

该版本最值得关注,同时也是最大的更新莫过于「自适应字体尺寸」,下简称 RFS,这也是 Bootstrap GitHub 仓库中的一个新项目。RFS 根据访问者设备或浏览器窗口的尺寸自动计算合适的字体大小(font-size)。

下面是它的工作过程:

  • 所有font-size属性都已切换到@include font-size()mixin,而 Bootstrap 的 Stylelint 配置现在可以阻止使用font-size属性。

  • 默认情况下禁用该功能,但可以通过更改$enable-responsive-font-sizes布尔变量值来使用此项新功能。

  • font-size完全可以通过 Sass 配置,但请先务必阅读有关如何修改比例、变量等的文档。

发布公告 | https://blog.getbootstrap.com/2019/02/11/bootstrap-4-3-0/

展开阅读全文
精彩评论
其实bootstrap原来最大的优势是自适应,现在搞了这么久才觉得我情愿写两套
2019-02-14 10:49
3
举报

引用来自“百小僧”的评论

自从用了vue之后,就很讨厌这样的语法了:

```
<button class="btn btn-default hover">按钮</button>
```

现在

```
<v-button type="default">按钮</v-button>
```

😄
bootstrap和vue是两个维度的东西,vue是js框架,bootstrap是ul脚手架,两者结合用。再者bootstrap即将推出非jQuery版
2019-02-17 22:02
1
举报

引用来自“百小僧”的评论

自从用了vue之后,就很讨厌这样的语法了:

```
<button class="btn btn-default hover">按钮</button>
```

现在

```
<v-button type="default">按钮</v-button>
```

😄
一个是原生的html。一个是需要编译的。。。class也能写到一起。用个a命名不是更简单?。。<button class="a">按钮</button>
2019-02-15 15:43
1
举报
12 收藏
分享
7 评论
12 收藏
分享
返回顶部
顶部