Learn Bootstrap by creating a custom admin theme - Intermediate Tutorial

Learn Bootstrap by creating a custom admin theme - Intermediate Tutorial

freeCodeCamp.org via freeCodeCamp Direct link

initialize git

1 of 22

1 of 22

initialize git

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Learn Bootstrap by creating a custom admin theme - Intermediate Tutorial

Automatically move to the next video in the Classroom when playback concludes

  1. 1 initialize git
  2. 2 initialize npm
  3. 3 initialize web pack
  4. 4 initialize font awesome
  5. 5 web pack config file
  6. 6 initialize bootstrap sass and associated required files
  7. 7 set up project src directory and structure
  8. 8 configure webpack.config.js
  9. 9 set up index.html file
  10. 10 setup our Sass files and import Bootstrap Sass files
  11. 11 Bootstrap grid basics
  12. 12 Bootstrap form basics
  13. 13 Bootstrap table basics
  14. 14 Bootstrap card basics
  15. 15 Bootstrap buttons, alerts, dialogs
  16. 16 setup our App HTML structure
  17. 17 CSS for navigation header
  18. 18 CSS for sidebar
  19. 19 Override bootstrap defaults
  20. 20 Add responsiveness and sidebar auto-hide
  21. 21 Add mobile toggle via CSS
  22. 22 Add mobile toggle javascript

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.