Emr*_*Aly 1 html css twitter-bootstrap-4
任何人都可以使用Bootstrap 4帮助我提供响应文本。我到处搜索，但很想看到这方面没有教程。如果您想指导我，这是我的代码。
<div class="container">
<div class="row">
<div class="col-md-12">
<div style="font-size: 3rem;">Hello World</div>
</div>
</div>
</div>
好吧，这在Bootstrap 4文档的“ 响应式排版”部分中进行了描述。从文档中可以看出：Bootstrap不会为您执行此操作，但是如果需要，添加它相当容易。
确实并不难。基本上，您必须在<html>标签上为每个媒体断点定义字体大小。
这是一个例子：
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; }
}<div class="container">
<div class="row">
<div class="col-md-12">
<h1>Hello World</h1>
</div>
</div>
</div>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>| 归档时间： |
|
| 查看次数： |
9441 次 |
| 最近记录： |