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

来源: OSCHINA
编辑: 局长
2019-02-14

目前 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/

展开阅读全文
12 收藏
分享
加载中
精彩评论
其实bootstrap原来最大的优势是自适应,现在搞了这么久才觉得我情愿写两套
2019-02-14 10:49
3
举报
自从用了vue之后,就很讨厌这样的语法了:

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

现在

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

😄
2019-02-14 09:20
2
举报

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

自从用了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
举报
最新评论 (7)

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

自从用了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>
```

😄
别推崇vue就贬低bootstrap,bootstrap还是很厉害的
2019-02-17 21:17
0
回复
举报

引用来自“鞋底两万里”的评论

其实bootstrap原来最大的优势是自适应,现在搞了这么久才觉得我情愿写两套
是的.自适应也有代价的. 比如图片的大小还是pc 端的大小. 这样很影响移动端加载速度. 我觉得同时适配pc 移动端初创公司开始的时候为了快速推产品可以搞一搞.一旦产品分离后还是写两套体验好点.
2019-02-17 21:03
0
回复
举报

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

自从用了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
回复
举报
其实bootstrap原来最大的优势是自适应,现在搞了这么久才觉得我情愿写两套
2019-02-14 10:49
3
回复
举报

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

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

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

现在

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

😄
https://bootstrap-vue.js.org/
2019-02-14 09:39
0
回复
举报
自从用了vue之后,就很讨厌这样的语法了:

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

现在

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

😄
2019-02-14 09:20
2
回复
举报
更多评论
7 评论
12 收藏
分享
返回顶部
顶部