Learn Bootstrap 5 and SASS by Building a Portfolio Website - Full Course
Why Stack Overflow recommends it
Stack Overflow users cite it as the tutorial they were following when they hit Bootstrap 5 navbar toggle, Node setup, and Sass compilation problems.
Recommended by 1 people across 1 different months, 2021 to 2022.
What it is
A five-hour freeCodeCamp course by Patrick Muriungi that builds a responsive portfolio website with Bootstrap 5 and Sass. It covers Sass setup, customizing Bootstrap, and building each page section from navbar to footer.
What people said
Recommends iktefish · 2021-08 · Stack Overflow · on “Navbar collapse toggle not working (Bootstrap5)”
I'm new to Bootstrap. Watching this tutorial from FreeCodeCamp [this video] . Been following step by step, but at around 1hr 11min he checks the responsiveness of his site. Upon dropping the screen width his NavBar collapses (mine does too) but, unlike him, my NavBar doesn't toggle when collapsed. Here's the code: <!doctype html> <html class="no-js" lang=""> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>Learning Bootstrap (v5) with SASS</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="stylesheet" href="assets/css/style.
Cites Daniel Martin · 2021-07 · Stack Overflow · on “Bootstrap 5.0.2 toggles are not working i am following freecodecamp tutorial to build a website using sass bootstrap using git bash”
I'm trying to follow this tutorial [this video] to build a website. I have installed node.js version 13.14.0. I've also tried installing the latest version and 14.12, however I could not so I m using v13.14.0 I have the following dependencies in the package.json file; { "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" } }
Cites kecaj · 2022-01 · Stack Overflow · on “Error when compiling Sass in Visual Studio Code”
I'm trying to follow some YT tutorial about Bootstrap 5 [this video] with the use of some tools like Sass. Author of this video in his example at the beginning is testing if his script for compiling Sass code is working. Here's the screenshot of his work: screenshot 1 [LINK] I tried to do the same thing and I got an error saying: Error: Sass variables aren't allowed in plain CSS. Here's my code: $primary: #ff0000; .test-1 { color: $primary; } And the screenshot: screenshot 2 [LINK] This showed up after compiling my script: /* Error: Sass variables aren't allowed in plain CSS. * , * 1 | $primary: #ff0000; * | ^^^^^^^^ * ' * scss/style.css 1:1 root stylesheet */ body::before { font-family: "Source