首页 > 解决方案 > 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 在导航栏和手风琴中都不起作用。

我究竟做错了什么?

标签: twitter-bootstrapnpmsasstogglegit-bash

解决方案


推荐阅读