Learn Bootstrap by creating a custom admin theme - Intermediate Tutorial

From the creator

Learn the Bootstrap CSS framework with this full tutorial. In this intermediate course, you will learn Bootstrap by creating a custom bootstrap theme from scratch using webpack. We'll be making an admin theme. First, we'll set up npm and webpack so we can configure Bootstrap's source files that are written in SASS. Next, we'll cover the basics of Bootstrap and create some basic Bootstrap templates that are common in admin forms. Finally, we'll customize the theme by writing custom styling and overwriting some of the Bootstrap JavaScript 💻 Code: https://github.com/wilsmex/hq-admin 🎥 Video by Andrew Wilson. Check out his YouTube channel: https://www.youtube.com/channel/UCETveVX7TPauIupxYz6sFtA ❤️ Try interactive CSS courses we love, right in your browser: https://scrimba.com/freeCodeCamp-CSS (Made possible by a grant from our friends at Scrimba) ⭐️ Course Contents ⭐️ Part 1 ⌨️ (2:03) initialize git ⌨️ (2:15) initialize npm ⌨️ (5:06) initialize web pack ⌨️ (6:52) initialize font awesome ⌨️ (7:39) web pack config file ⌨️ (9:04) initialize bootstrap sass and associated required files ⌨️ (15:10) set up project src directory and structure ⌨️ (22:40) configure webpack.config.js ⌨️ (38:50) set up index.html file ⌨️ (52:40) setup our Sass files and import Bootstrap Sass files Part 2 ⌨️ (1:04:33) Bootstrap grid basics ⌨️ (1:11:20) Bootstrap form basics ⌨️ (1:25:00) Bootstrap table basics ⌨️ (1:31:03) Bootstrap card basics ⌨️ (1:38:20) Bootstrap buttons, alerts, dialogs Part 3 ⌨️

Published 2019-10-14 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.