Bootstrap 4的响应式文本[重复]答案

【问题标题】：Responsive text with Bootstrap 4 [duplicate]Bootstrap 4的响应式文本[重复]
【发布时间】：2019-10-07 01:52:07
【问题描述】：

使用 bootstrap 4 我想为不同的断点设置不同的字体样式。我知道我可以使用媒体查询来做到这一点，但在 Bootstraps 网站上它给出了一个这样的例子：

html {
  font-size: 1rem;
}

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}

可以在这里找到： https://getbootstrap.com/docs/4.0/content/typography/

我的问题是，是常规的 CSS 还是 SASS？尝试研究它，我发现人们说他们将其输入到普通 CSS 文件中的堆栈溢出页面。但是，当我这样做时，它永远不会起作用。所以我假设这不是正常的 CSS？或者如果是，我做错了什么？我必须先声明一些东西才能理解吗？我尝试使用在线 SASS 编译器，但缺少 mixin 声明。任何正确方向的帮助将不胜感激！

【问题讨论】：

我相信这是对 SASS mixins 的引用。另请参阅getbootstrap.com/docs/4.0/layout/overview
这是 SASS，但你只能看到 CSS example here

标签： css sass bootstrap-4 responsive

【解决方案1】：

在 Bootstrap Css 中，仅当您使用自定义类或 ID 名称然后在其上实现 CSS 时才有效。只需使用与引导程序中存在或给出的 Css 默认类不同的类或 ID 名称。你必须需要 SASS 编译器。

检查这个：https://getbootstrap.com/docs/4.0/getting-started/theming/

https://bootstrapcreative.com/can-adjust-text-size-bootstrap-responsive-design/

【讨论】：