热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

如何在Bootstrap4中创建响应文本?

如何解决《如何在Bootstrap4中创建响应文本?》经验,为你挑选了1个好方法。



1> dferenc..:

好吧,这在Bootstrap 4文档的“ 响应式排版”部分中进行了描述。从文档中可以看出:Bootstrap不会为您执行此操作,但是如果需要,添加它相当容易。

确实并不难。基本上,您必须在标签上为每个媒体断点定义字体大小。

这是一个例子:

html { font-size: 1rem; }

@media (min-width: 576px) {
    html { font-size: 1.25rem; }
}
@media (min-width: 768px) {
    html { font-size: 1.5rem; }
}
@media (min-width: 992px) {
    html { font-size: 1.75rem; }
}
@media (min-width: 1200px) {
    html { font-size: 2rem; }
}

Hello World


推荐阅读
author-avatar
小强
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有