twitter-bootstrap - Bootstrap 5.0.2 切换不起作用我正在按照 freecodecamp 教程使用 sass bootstrap 和 git bash 构建网站
问题描述
我正在尝试按照本教程建立一个网站。
我已经安装了 node.js 版本 13.14.0。我也尝试安装最新版本和 14.12,但是我不能,所以我使用 v13.14.0
我在文件中有以下依赖package.json
项;
{
"name": "amd",
"version": "1.0.0",
"description": "personal sass",
"main": "index.js",
"scripts": {
"compile:sass":"sass --watch scss:assets/css"
},
"keywords": [
"Bootstrap",
"bootstrap-v5",
"sass"
],
"author": "Ajay Daniel Martin",
"license": "ISC",
"devDependencies": {
"sass": "^1.35.1"
},
"dependencies": {
"@fortawesome/fontawesome-free": "^5.15.3",
"autoprefixer": "^10.2.6",
"bootstrap": "^5.0.2",
"postcss-cli": "^8.3.1"
}
}
并且styles.scss
链接到 html 的文件具有以下代码:
@use 'custom';
我创建了一个_custom.scss
文件来更改 bootstrap 手风琴和颜色属性/变量,然后我添加了这个;
@import"../node_modules/bootstrap/scss/bootstrap.scss";
现在是代码。我完全按照教程从引导程序中复制了导航和手风琴,但是我的 Toggle 在导航栏和手风琴中都不起作用。
我究竟做错了什么?
解决方案
推荐阅读
- javascript - Nodejs - libuv 非阻塞事件回调
- php - 如何使用 php 中的凭据访问网络驱动器文件夹?
- swift - 是否可以在不显式解码的情况下使用 Codable 子类?
- shiny - 强制 MathJax 包裹在 Shiny div 中
- ffmpeg - 为什么透明drawbox不适用于某些视频源?
- ldap - LDAP 身份验证 - OpenShift - OKD
- python - 如何在不实际上传任何内容的情况下拥有 FileField 的“upload_to”参数的功能?
- python - 基于预先存在的表自动生成类/模型
- c# - 在自定义 TreeView 中取消订阅 AfterCheck
- python - 如何根据形状为数据框动态创建列名