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

局长
 局长
发布于 2019年02月14日
收藏 12

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

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:前端框架 Bootstrap 4.3.0 发布,引入自适应字体尺寸
加载中

精彩评论

鞋底两万里
鞋底两万里
其实bootstrap原来最大的优势是自适应,现在搞了这么久才觉得我情愿写两套
百小僧
百小僧
自从用了vue之后,就很讨厌这样的语法了:

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

现在

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

😄
平安OSC
平安OSC

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

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

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

现在

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

😄
bootstrap和vue是两个维度的东西,vue是js框架,bootstrap是ul脚手架,两者结合用。再者bootstrap即将推出非jQuery版
唯独有雪

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

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

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

现在

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

😄
一个是原生的html。一个是需要编译的。。。class也能写到一起。用个a命名不是更简单?。。<button class="a">按钮</button>

最新评论(7

平安OSC
平安OSC

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

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

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

现在

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

😄
bootstrap和vue是两个维度的东西,vue是js框架,bootstrap是ul脚手架,两者结合用。再者bootstrap即将推出非jQuery版
zibbs
zibbs

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

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

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

现在

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

😄
别推崇vue就贬低bootstrap,bootstrap还是很厉害的
k
keep_wan

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

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

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

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

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

现在

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

😄
一个是原生的html。一个是需要编译的。。。class也能写到一起。用个a命名不是更简单?。。<button class="a">按钮</button>
鞋底两万里
鞋底两万里
其实bootstrap原来最大的优势是自适应,现在搞了这么久才觉得我情愿写两套
李惟
李惟

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

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

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

现在

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

😄
https://bootstrap-vue.js.org/
百小僧
百小僧
自从用了vue之后,就很讨厌这样的语法了:

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

现在

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

😄
返回顶部
顶部