Html 如何将媒体断点包括到引导程序4？

如何将媒体断点包括到引导程序4

如果我受审：

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

那么我有一个错误：

错误：未定义的混合“媒体断点向上”。第14行

我使用Bootstrap 4时包含以下文件：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" integrity="sha384-THPy051/pYDQGanwU6poAc/hOdQxjnOEXzbT+OuUAFqNqFjL+4IGLBgCJC3ZOShY" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js" integrity="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/js/bootstrap.min.js" integrity="VjEeINv9OSwtWFLAtmc4JCtEJXXBub00gtSnszmspDLCtC0I4z4nqz7rEFbIZLLU" crossorigin="anonymous"></script>

---

您共享的是SASS，一种扩展CSS功能的CSS预处理器语言。它不是“普通的”CSS

@include media breakpoint up

需要从SASS编译为CSS。下面是一个可以将SASS转换为CSS的示例

---

我个人使用来监视SASS文件中的更改，以便在开发过程中自动构建CSS。

您共享的是SASS，一种扩展CSS功能的CSS预处理器语言。它不是“普通的”CSS

@include media breakpoint up

需要从SASS编译为CSS。下面是一个可以将SASS转换为CSS的示例

---

我个人使用with来监视SASS文件中的更改，以便在开发过程中自动构建CSS。

您必须使用CSS语法

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

---

你必须使用CSS语法

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

---

如果您使用的是boostrap，那么我通过将breakpoint.scss文件导入到使用中的breakpoint函数所需的scss文件中来实现这一点。对我来说是：

---

@import“node modules/bootstrap/aces/mixins/breakpoints.scss

如果您使用的是boostrap，我通过将breakpoint.scss文件导入到使用中的breakpoint函数所需的scss文件中来实现。对我来说，它是： @导入“节点模块/bootstrap/aces/mixins/breakpoints.scss”