jquery - 为什么我无法加载 Bootstrap

标签 jquery css

我很不稳定,在“入门”之后,我按照 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;
}

但它不起作用,class "hide-ph-flex"总是在 display: none 中,并且 FireFox 调试器警告:Unknown rule or error reading rule at @include

我想我忘记了一个文件, 有什么帮助吗???

最佳答案

请注意教程中的这一行:

Since we write our source CSS in Sass, all our media queries are available via Sass mixins

因此,您导入的代码是 Sass,您不能像 CSS 一样将它导入到您的元素中。

您可以使用这些引用资料来了解有关 Sass 的更多信息:

关于jquery - 为什么我无法加载 Bootstrap ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57697747/

相关文章:

javascript - 如何在没有 onclick 属性帮助的情况下在 jQuery 函数中传递值?

javascript - 如何捕获jquery异常?

javascript - 关于分页符,如何让 Puppeteer PDF 生成与 HTML 文档完全匹配?

html - CSS多级下拉不起作用

html - 无序列表中的元素符号点在移动设备上一直向左移动

javascript - jQuery/JavaScript : Change onclick of an achor tag

javascript - 如何取消选中后退按钮上的复选框?

javascript - 如何使用 Javascript 解析 json 并在下拉按钮中显示数据?

php - 如何更改我网站上的页眉和页脚?

javascript - 异步加载以消除渲染阻塞 js 和 css?