我的问题与latest Bootstrap 4.x release (beta)
有关我通过
从CDN导入CSS<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
我是否正确地假设，在我的自定义SCSS中，我无法访问Bootstrap的变量（因为它是一个已编译的CSS，而不是SCSS）？我试图更改$spacer: 1rem !default;但它无效。
答案 0 :(得分：0)
CSS没有变量，它们存在于SCSS中。在编译期间，这些变量将替换为它们的值。所以是的，您需要下载Bootstrap的SCSS源代码并将它们与您自己的SCSS文件一起编译。
实现它的常用方法是使用webpack - 无论您的后端技术如何。它是一个基于node.js的工具（所以你也必须安装它），它允许你管理你的静态资产，包括安装JS和CSS库; ES6到ES5，LESS和SCSS到CSS编译;捆绑;缩小等等。
每项活动通常都需要一个插件。实际上，第一次让webpack按照需要工作是相当困难的，但它是一个值得学习的常见Web开发工具。您可以将webpack配置为下载和编译引导程序。
答案 1 :(得分：0)
问题1
您的假设是正确的，SCSS在被浏览器呈现之前被编译为CSS。您应该记住，SCSS（或SASS）是一个CSS预处理器，不能直接由浏览器呈现。为此，我们有单独的编译器，以便将SCSS转换为CSS。
问题2
您可以将此克隆的SCSS文件从Git复制到静态文件夹，然后您需要通过前端自动化工具将其编译为CSS：