Question

我很沮丧，在“开始上手”之后，我遵循https://getbootstrap.com/docs/4.3/layout/overview/的说明（我猜该示例中缺少某些内容）

我放：

链接到head标签中的css文件。
主体附近，包括jquery（jquery-3.3.1.slim.min.js）
poperpopper.min.js
，然后bootstrap.min.js 我拥有所有链接，并且所有其他包括的最终我都有：

@include media-breakpoint-up(sw) {  
    .hide-ph-flex {
        display: block; 
    }
} 

.hide-ph-flex {  
    display: none;
}

但是它不起作用，请在display: none中始终对其进行“ hide-ph-flex”类的访问，然后 FireFox调试器警告：Unknown rule or error reading rule at @include

我想我忘记了一个文件，有帮助吗？

Answer 1

请注意本教程的这一行：

自从我们使用Sass编写源CSS以来，所有媒体查询都可以通过Sass mixins
进行访问。

因此，您导入的代码为Sass，因此无法将其导入到CSS之类的项目中。

您可以使用这些参考资料来详细了解Sass：

Answer 2

@include是Sass指令。在原始CSS文件中将无法使用。它必须被翻译成一个css文件。

https://sass-lang.com/guide

Answer 3

要根据Introduction page中的说明将Bootstrap添加到您的项目中，只需要将以下<link>复制粘贴到<head>中：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

为什么我无法加载引导程序

3 个答案: