Setup Bootstrap 4 with Gulp and Browsersync

In this video we set up a web development environment for Bootstrap 4.

[jason.vasilev]

Thank you for the very useful video!
I'd be curious to see how you include JavaScript libraries and combine files into one, too.

[marchorthdesign]

Thank you sooo much! I looked at so many other Bootstrap install videos and this was the only one that fulfilled what I needed! Awesome job!!

[kuldeepjaswal]

really good video, dear..its 100% helpful for setup bootstrap with gulp..thanks

[kensleylewis]

Everything worked for me based on your tutorial except when it was time to import core variables, dependencies, core CSS, components, and JavaScript. I was getting "file not found" errors. It took me forever to find out, but I also had "Auto-Compile LESS to CSS on save" enabled in Visual Studio Code as a plugin. When I disabled it and restarted VSCode, everything worked great.

[jamesboreham]

Very useful, it would be good to include the js as well as Autoprefixer and postcss-flexbugs-fixes to align with Bootstrap 4 setup.

[CanYurdaer]

Thank you so much ! Very Easy information ! Well done ! Its work very well !

[MrRaymacz]

Easy to follow! Fantastic video. Keep it up!

[saketpareek]

Thank you so much. Exactly what I was looking for. :)

[lukeroberts]

Awesome was looking for this video a few months back. Had a few problems so I went back to using Codekit. I there much difference setting it up this way? Also great vid mate looking forward for more.

[CanYurdaer]

I have questions about JS and images. How Can I add gulp.js inside gulp javascript and images ? Do you have any tutorial ?

[techbusker]

how to you add the jquery files in bootstrap? seems like togger doesn't work with jquery right?

[deeps]

please make video of importing bootstrap js component too

[JeffKlunder]

Thanks for the clear explanation. However I got one question. When installing the node_modules, I get a whole bunch of stuff, not just the few folders you have in your video. Now, everything looks to be working as expected, but I was wondering where the extra folders are coming from...

[AntonioSantosYT]

Why not just import the boostrap.scss file - @import to the app.scss file?

[Mardiantopersonal]

I have questions about bootstrap JS and jquery. How Can I add gulp.js inside gulp my jquery, my javascript and bootstrap.js ? and how to this use webpack for bootstrap.js myjavascript Do you have any tutorial ?

[BlockchainDaddy]

how change the url of browsersync, i'm not using it's default url for my website..

[lukeroberts]

I also found I had to run npm install -g gulp as I did a recent clean install osx and when I run gulp in terminal it said command not found

[tanvirahassan]

Can you please share the github repository of this setup?

[HansKr]

9:44 In Bootstrap 4.1.3 _bootstrap.scss no longer looks this way and custom.scss no longer exists