• Monday , 1 June 2020

Bootstrap 4 Theme Customization (with Sass) | BOOTSTRAP 4 TUTORIAL

Code Canyon

Bootstrap 4 makes the customization of themes, colors and sizes easy! Use SASS to adjust the look of your Bootstrap 4 project to exactly the look you need. No expert knowledge is required – just some easy-to-follow steps.


Source Code for the Video: https://github.com/academind/bootstrap4-introduction/tree/06-customize
Watch the Series on academind.com: https://academind.com/learn/css/bootstrap-4-tutorial/customization-themes-sass
Official Theming Docs: http://getbootstrap.com/docs/4.0/getting-started/theming/


• You can follow Max on Twitter (@maxedapps).
• And you should of course also follow @academind_real.
• You can also find us on Facebook.(https://www.facebook.com/academindchannel/)
• Or visit our Website (https://www.academind.com) and subscribe to our newsletter!

See you in the videos!


Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!

Original source

3d Ocean

Related Posts


  1. leomotta
    August 24, 2018 at 16:26

    I wanted to learn how to use it with node-sass, not the ruby sass, any hint?

  2. MrMirbat
    August 24, 2018 at 16:26

    Which IDE you use?

  3. Cor van Dooren
    August 24, 2018 at 16:26

    Can this approch only be doen when your scss AND css files are in de root folder?
    In all other cases I am getting a not found error.
    And I have to run sass from the command line.
    If I try to build the css from scss with SCOUT, then it doesn't work. 🙁
    Has anyone a solution how te do this with the use of SCOUT?

    You can/may also email me: info@codobyte.com

    Cor van Dooren
    The Netherlands

  4. Gianluca Ghettini
    August 24, 2018 at 16:26

    got bootstrap4 customization working first try while watching this video, subscribed.

  5. Raffy Sim
    August 24, 2018 at 16:26

    great tutorial.. thanks..

  6. Charl Labuschagné
    August 24, 2018 at 16:26

    Awesome tutorial! Thank you Max and Academind!

  7. Michael Hofer
    August 24, 2018 at 16:26

    Einfach und Verständlich Erklärungen und generell ein Top Kanal für Webentwicklung! Weiter so!

  8. J fking W
    August 24, 2018 at 16:26

    When runnign sass main.scss main.css I get this error: Error: Can't find stylesheet to import.
    @import "../node_modules/bootstrap/scss/bootstrap"; Even thought this file is in the node_modules folder…

  9. Samuel Hcp
    August 24, 2018 at 16:26

    Thank you very much, I have been looking for some classes that explain the operation of the scss. I found a video talking about, however, it does not address about the commit that should be done on cdm, THANK YOU VERY MUCH AGAIN, I WAS DESPERATE TO FIND THE SOLUTION THERE

    My English is still lousy, I believe you have understood how you helped me, my friend, THANK YOU!


    Text original:

    Muito obrigado, estou há dias procurando alguma aula que explique o funcionamento do scss. Encontrei um video falando sobre, porém, ele não aborda sobre o commit que deve ser feito no cdm, MUITO OBRIGADO NOVAMENTE, ESTAVA DESESPERADO PARA ACHAR A SOLUÇÃO DISSO

    Texto traduzido do google tradutor, meu inglês ainda é péssimo, acredito que tenha entendido o quão me ajudou amigo, OBRIGADO!

  10. Michelle Diamond
    August 24, 2018 at 16:26


  11. Roboman Robo
    August 24, 2018 at 16:26

    Thanks, incredible video series!

  12. parate bharat
    August 24, 2018 at 16:26

    Really Explained very well. Thank you sir

  13. Fleexio
    August 24, 2018 at 16:26

    Much better than searching on google 😀 Thanks for your vids 🙂

  14. Сергій Главацький
    August 24, 2018 at 16:26

    Great work! Very simple and clear. Thanks!

  15. Shairon Lubao
    August 24, 2018 at 16:26

    can i do this without using node.js ?

  16. Arun Kumar
    August 24, 2018 at 16:26

    Nice tutorial . . very useful …. thanks . ..

  17. Eugene Chernov
    August 24, 2018 at 16:26

    Great thanks for these beautiful Bootstrap 4 tutorials!

  18. Doris Ulysse
    August 24, 2018 at 16:26

    This was a helpful video especially working with a project that uses Jekyll and runs Grunt as a task manager !

  19. Electric Sheep
    August 24, 2018 at 16:26

    If you are compiling the bootstrap code when running sass main.scss main.css are the files node_modules > bootstrap > dist > css necessary?

  20. João H
    August 24, 2018 at 16:26

    How do i import the js files? Without import from node_modules, there is a correct way to do that?

Leave A Comment

You must be logged in to post a comment.