Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Learn Bootstrap by creating a custom admin theme - Intermediate Tutorial

via freeCodeCamp

Overview

This intermediate course on Bootstrap focuses on creating a custom admin theme from scratch using webpack. By the end of the course, learners will be able to configure Bootstrap's source files, create basic Bootstrap templates for admin forms, and customize the theme with custom styling and JavaScript overrides. The course teaches skills such as setting up npm and webpack, working with Bootstrap grid, forms, tables, cards, buttons, alerts, and dialogs, as well as implementing responsive design and mobile toggles. The teaching method includes hands-on coding sessions and practical demonstrations. This course is intended for individuals with a basic understanding of HTML, CSS, and JavaScript who want to enhance their skills in frontend web development with Bootstrap.

Syllabus

initialize git.
initialize npm.
initialize web pack.
initialize font awesome.
web pack config file.
initialize bootstrap sass and associated required files.
set up project src directory and structure.
configure webpack.config.js.
set up index.html file.
setup our Sass files and import Bootstrap Sass files.
Bootstrap grid basics.
Bootstrap form basics.
Bootstrap table basics.
Bootstrap card basics.
Bootstrap buttons, alerts, dialogs.
setup our App HTML structure.
CSS for navigation header.
CSS for sidebar.
Override bootstrap defaults.
Add responsiveness and sidebar auto-hide.
Add mobile toggle via CSS.
Add mobile toggle javascript.

Taught by

freeCodeCamp.org

Reviews

4.7 rating, based on 3 Class Central reviews

Start your review of Learn Bootstrap by creating a custom admin theme - Intermediate Tutorial

  • Profile image for MAHARSHI BHARATBHAI PANARA
    MAHARSHI BHARATBHAI PANARA
    it's greate course to understand the bootstrap and make a site using bootstrap. it's save lots of our time if we use bootstrap in our website
  • Profile image for Mahesh Sanap
    Mahesh Sanap
    Good course to learn bootstrap. This course content is easy to learning the bootstrap. This couse simple to understand bootstrap.
  • Profile image for Ragul Nolan
    Ragul Nolan
    This class was excellent--where have you been all my life? The instructor was incredibly knowledgeable and articulate. This was the first time I have taken a class in a remote format, and I was delighted with it and look forward to coming back to ONLC for more classes in the future. I loved the fact that even though I was in a class with other people, the actual physical space was private and quiet and very conducive to learning! Thank you.

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.