• Wednesday , 21 November 2018

Bootstrap 4 by Example – Customizing Sass Variables & Navbar Integration

Code Canyon
https://i.ytimg.com/vi/MDSkqQft92o/hqdefault.jpg



Course page: https://goo.gl/J7fxoN
— This video contains the middle section of the free course. Visit https://coursetro.com for more.

– – – – – – – – – – – – – – – – – – – – – –

Subscribe for NEW VIDEOS weekly!

My Patreon: https://www.patreon.com/designcourse
My site: https://coursetro.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro’s Twitter: http://twitter.com/designcoursecom

Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others

– – – – – – – – – – – – – – – – – – – – – –

Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Coursetro.com.

Come to my discord server or add me on social media and say Hi!

Original source

3d Ocean

Related Posts

21 Comments

  1. Giranyx Pornasdoro
    November 5, 2018 at 11:59

    i can see the background color change when i launch gulp in my vscode terminal.. but when i open my index.html manually i dont see anything.. im a newbie so im wondering what will happen if i publish my website..

  2. eranda pattapola
    November 5, 2018 at 11:59

    05:29 add this to your style.scss ==>
    @import "node_modules/bootstrap/scss/bootstrap";
    to getridof below error msg:
    Refused to apply style from 'http://localhost:3000/assets/styles/custom-style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

  3. Mohammad Reza Asadi
    November 5, 2018 at 11:59

    I just want to thank you for this amazing tutorial.
    I learned so much of this awesome video
    keep up the good work

  4. Sravan Kumar
    November 5, 2018 at 11:59

    nice work . but cannot able to see the custom.scss file in the bootstrap file could you please tell me how could override the sass file without custom.scss file

  5. Dominykas SmoIskis
    November 5, 2018 at 11:59

    hey, how do you get those pigment square colors before text?

  6. Charles Varley
    November 5, 2018 at 11:59

    Thanks a lot for these vids, I've had no idea how to do any of this stuff before but I needed to use bootstrap for a project in college. 🙂

  7. Alessandro Falchi
    November 5, 2018 at 11:59

    As of today I don't see the file _custom.scss, has it been removed? How does it change the workflow you explained here?

  8. Zaff
    November 5, 2018 at 11:59

    Wow man, you make it super easy. Subscribed your channel. Also, whats editor you are using? I simply love that editor!

  9. Noormohammed Shikalgar
    November 5, 2018 at 11:59

    Hey im Curious to know how you type so fast can you tell me some tricks and tips to start typing so fast it will be help full for me ….. i know that you dont type that much in your videos but in this video you have typed very fast and im quit impress looking that so please any info about typing fast or how you started typing so fastly i want to know so please help me out!
    Thanks for the Tutorials I have learned alot from your tutorials Thanks a Lot For that!!!!

  10. Peter Pupovac
    November 5, 2018 at 11:59

    I'm stuck. I managed to change the colors with SASS, but I can't display Google fonts. I've included them in the index.html file via <link> and refernced them in the _custom.scss file with $font-family-sans-serif….but they don't get displayed. I am quite desperate atm.

  11. Mario Rossi
    November 5, 2018 at 11:59

    ahhh teach us man please update

  12. Don Filer
    November 5, 2018 at 11:59

    Don't you just love it when your stuff doesn't work?

  13. Carlos Mermingas
    November 5, 2018 at 11:59

    The _custom.scss file has been removes from Bootstrap.

    https://github.com/twbs/bootstrap/commit/aa8c456a16b83ed041709b45b068788ec2d4d0d4

  14. James Jeffery
    November 5, 2018 at 11:59

    Woah, never modify files in node_modules! They will be overwritten whenever you run "npm install". Instead, use Webpack with sass and bootstrap loaders. Much better solution.

  15. Autistic Syrian Limabean
    November 5, 2018 at 11:59

    @DesignCourse Why doesnst my bootstrap have a _custom.scss file?

  16. Abriel John Gabriel
    November 5, 2018 at 11:59

    the logo has to be under the button class 🙂

  17. Abriel John Gabriel
    November 5, 2018 at 11:59

    https://youtu.be/MDSkqQft92o?t=547 there is problem when I am creating the hamburger. It does not show the same in the tutorials.

  18. sumant kanala
    November 5, 2018 at 11:59

    Nicely explained the modern features. Keep it going!

  19. lsinner80
    November 5, 2018 at 11:59

    i am always looking forward to your videos even though i can't do much with a broken iMac. knowledge is everything and i thank you for that. Thank you, gary.

  20. CodingAndCaffeine
    November 5, 2018 at 11:59

    great

  21. ChroniZz
    November 5, 2018 at 11:59

    Nice

Leave A Comment

You must be logged in to post a comment.