[ad_1]
https://i.ytimg.com/vi/6Ovw43Dkp44/hqdefault.jpg
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
20 responses to “Bootstrap 4 Theme Customization (with Sass) | BOOTSTRAP 4 TUTORIAL”
I wanted to learn how to use it with node-sass, not the ruby sass, any hint?
Which IDE you use?
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
TIA.
Cor van Dooren
The Netherlands
got bootstrap4 customization working first try while watching this video, subscribed.
great tutorial.. thanks..
Awesome tutorial! Thank you Max and Academind!
Einfach und Verständlich Erklärungen und generell ein Top Kanal für Webentwicklung! Weiter so!
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…
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!
THANK YOU 🙂
Thanks, incredible video series!
Really Explained very well. Thank you sir
Much better than searching on google 😀 Thanks for your vids 🙂
Great work! Very simple and clear. Thanks!
can i do this without using node.js ?
Nice tutorial . . very useful …. thanks . ..
Great thanks for these beautiful Bootstrap 4 tutorials!
This was a helpful video especially working with a project that uses Jekyll and runs Grunt as a task manager !
If you are compiling the bootstrap code when running sass main.scss main.css are the files node_modules > bootstrap > dist > css necessary?
How do i import the js files? Without import from node_modules, there is a correct way to do that?