gpt4 book ai didi

twitter-bootstrap - 如何仅使用 CSS 更改 Bootstrap 4 中字体的大小?

转载 作者:行者123 更新时间:2023-11-28 11:02:01 25 4
gpt4 key购买 nike

<分区>

我刚从 Bootstrap 3 切换到 Bootstrap 4,我发现无法更改任何元素的字体大小:h1、p,甚至 span。

UPDATE: I want to change the size depending on the size of the screen. So using Media Queries.

我想感谢@ZimSystem 如何更改大小,但是如何根据不同屏幕大小的媒体查询来更改它?

Sample Fiddle

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { h1 {
font-size: 30px;
}}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { h1 {
font-size: 100px;
}}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { h1 {
font-size: 150px;
} }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
h1 {
font-size: 200px;
}

}

我的 HTML:

<img class="img-responsive mx-auto d-block" src="./assets/brand/cmm.png" />

<div class="row">
<div class="col-md-12 text-center">
<h1><strong>This is sample title</strong></h1>
<h2 class="text-white">South Florida's Community of Creatives Come together</h2>
</div>

</div>

这似乎也不起作用。

所以我错过了什么吗?或者是否无法仅使用 CSS 在 Bootstrap 4 中更改字体大小或使其响应(取决于屏幕大小)?

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com