How to Use Bootstrap 5 and SASS

  Рет қаралды 38,818

Ali Hossain

Ali Hossain

Күн бұрын

🎉🎉 Join Payoneer & Earn 25$ 👉 alihossain.com...
👩‍💻 Learn Tailwind CSS 👉 alihossain.com...
👩‍💻 Learn Web development 👉 alihossain.com...
👩‍💻 Learn Bootstrap 5 👉 alihossain.com...
✨✨ VS Code Settings
==============================================
github.com/sho...
🔴 Web Development Roadmap - A Practical Guide
=========================================
• Web Development Roadma...
🔴 Best way to learn code faster
===========================
• Best way to learn code...
✅ For Branding & Business Inquiries
===========================
✅ ► shovoalways@gmail.com
#LearnWithAliHossain
Connect me on social media so you will find my entire tutorial first. If that sounds like something that could help grow your business, then make sure to join me by subscribing!
✅ Facebook:
==============================
/ alibd654
✅ Twitter:
==============================
/ shovoalways
✅ Instagram
======================
/ shovoalways
✅ My Website
==============================
www.alihossain.com

Пікірлер: 38
@shovoalways
@shovoalways 3 жыл бұрын
Thanks for watching, if you have a question throw it in the comments 👍🏻
@Merctoonz
@Merctoonz 3 жыл бұрын
I always enjoy your videos. You do a great job explaining the process and functions.
@jmo4859
@jmo4859 2 жыл бұрын
It was very useful, but i have a question, if i want to public a project on netlify with sass and bootstrap and using a gulpfile and installed devDependencies from npm . Let's suppose that the project has a offcanvas menu and other components that use js Do i have to upload the file of js from node_modules?, Do i have to copy that file and create a folder and then past the file in the carpet? Please friend, help me and i want to apologize for my english, i am learning
@samuelpope7798
@samuelpope7798 Жыл бұрын
Thanks. great job explaining this! I know this is a year old and a few of the bash commands have changed behavior a little. I had to npm i bootstrap@5.3.0-alpha3 to get the bootstrap scss files in node packages. But you explained it well so it was easy to see what I needed to do.
@AbuShaid-w7d
@AbuShaid-w7d 2 ай бұрын
Thank You Ali vai 😍
@tigana
@tigana 2 жыл бұрын
Your tutorial is the only one that worked for me, thank you!! Liked and subbed
@paulmanning3832
@paulmanning3832 3 жыл бұрын
You just gained a new subscriber. exactly what i was looking for.
@shovoalways
@shovoalways 3 жыл бұрын
Awesome, thank you!
@paulmanning3832
@paulmanning3832 3 жыл бұрын
and just a quick one Ali... 1) which version of windows 10 is that you're using? i like it 2) share the vs code theme you're using?
@erhannbalk90
@erhannbalk90 2 жыл бұрын
Thank you so much for your help ali 🙏🏽
@m.saeedtadayyon3817
@m.saeedtadayyon3817 9 ай бұрын
nicely explained. thank you!
@avinashkumargupta8556
@avinashkumargupta8556 3 ай бұрын
Sab jagah sab primary ko hi toggle krrhe hain. data-bs-theme ka batao koi light mode me stock color kaise badlu
@haizk
@haizk Жыл бұрын
8:08 what code snippet do you use to show the code recommendations?
@weishyan9699
@weishyan9699 Жыл бұрын
in that script node_modules/bootstrap/dist/js/bootstrap.js not work to me, when change to node_modules/bootstrap/dist/js/bootstrap.bundle.min.js is working
@piratadelmar
@piratadelmar Жыл бұрын
Looks like @import is going to br deprecated is any way to import Bootstrap using “use and forward” ?
@amangoyal2825
@amangoyal2825 2 жыл бұрын
Hi awesome video thanks for sharing. I am facing one issue. when i install bootstrap sass version (bootstrap-scss@4.6.1). it work no error i got. but when i install latest version with next command it always give me error. but when i add the the latest version name like above ((bootstrap@4.6.1)). Why next is not working?
@brokert3163
@brokert3163 7 ай бұрын
thanks Ali from Russia
@Steven-wm9vu
@Steven-wm9vu 2 жыл бұрын
Live Sass doesn't make a css folder for me and it doesn't automatially make a min file for me. It puts a css file in the scss folder in a non min format.
@shovoalways
@shovoalways 2 жыл бұрын
Please check my SASS crash course. I explained all their.
@bryandelacruz9066
@bryandelacruz9066 Ай бұрын
put this command on terminal sass --watch ./scss/main.scss ./css/custom.css
@sophianicole1642
@sophianicole1642 8 ай бұрын
thank you for the help :)
@mdrazmamud9717
@mdrazmamud9717 3 жыл бұрын
As you told us. If you want to be a full stack web developer you have to know. Html,css,bootstrap, JS, jquary. Now, I need to learn everything or not. Could you please give your opinion.
@shovoalways
@shovoalways 3 жыл бұрын
If you interested to be a full stack web developer you must have good knowledge in front end (HTML, CSS, JS) and Back end (JS or PHP or Python).
@mdrazmamud9717
@mdrazmamud9717 3 жыл бұрын
@@shovoalways Thanks a lot for your time.
@omaralia1914
@omaralia1914 11 ай бұрын
how to support bootstrap rtl ? when import .....bootstrap.scss in global scss file?
@chinmoysarkar179
@chinmoysarkar179 2 жыл бұрын
Hi, Ali bhai ! DO these customizations work with CDN?
@rainy2182
@rainy2182 2 жыл бұрын
Thank you so much!❤
@willugoupordown
@willugoupordown 2 жыл бұрын
Thanks for sharing!
@idowuhassan4240
@idowuhassan4240 Жыл бұрын
Nice tutorial, how can I can do this for bootstrap JavaScript ?
@transi2844
@transi2844 Жыл бұрын
Theme vscode?
@supportanytime6455
@supportanytime6455 2 жыл бұрын
very helpful video
@sakib2249
@sakib2249 3 жыл бұрын
there are lot of extra files? how to make it ready for production? now
@Steven-wm9vu
@Steven-wm9vu 2 жыл бұрын
Great question! I wondered the same.
@erfanpaya3100
@erfanpaya3100 2 жыл бұрын
very useful
@ravipadaliya2512
@ravipadaliya2512 Жыл бұрын
@import url(../node_modules/bootstrap/scss/bootstrap.scss); didnt work when i tap watch css, i mean bootstrap css not working
@jaspermanlusoc7863
@jaspermanlusoc7863 Жыл бұрын
kzbin.info/www/bejne/jYGkmoeihtdqpNE I hope this video helps you in your issue
@SanduSenavirathne
@SanduSenavirathne 5 ай бұрын
same problem have find a path?
How to use Bootstrap 5 Icons properly
7:47
Ali Hossain
Рет қаралды 16 М.
Learn Sass In 20 Minutes | Sass Crash Course
19:42
developedbyed
Рет қаралды 937 М.
РОДИТЕЛИ НА ШКОЛЬНОМ ПРАЗДНИКЕ
01:00
SIDELNIKOVVV
Рет қаралды 3,6 МЛН
This mother's baby is too unreliable.
00:13
FUNNY XIAOTING 666
Рет қаралды 31 МЛН
Sass Crash Course
48:05
Traversy Media
Рет қаралды 401 М.
5 JavaScript Concepts You HAVE TO KNOW
9:38
James Q Quick
Рет қаралды 1,4 МЛН
How To Recompile Bootstrap's Sass In VSCode
13:10
Pixel Rocket
Рет қаралды 7 М.
Stop using an extension to compile Sass
21:39
Kevin Powell
Рет қаралды 129 М.
How I'd Learn Web Development (If I Could Start Over)
6:55
Dylan's World
Рет қаралды 649 М.
Please stop using px for font-size.
15:18
Coder Coder
Рет қаралды 183 М.
Bootstrap 5 Crash Course | Website Build & Deploy
1:18:48
Traversy Media
Рет қаралды 1,1 МЛН
Use these instead of vh
6:06
Kevin Powell
Рет қаралды 512 М.
Changing Colors on Bootstrap with SASS
15:14
Access Code
Рет қаралды 51 М.
How to Properly Layout A Website (For Beginners)
14:50
The Website Architect
Рет қаралды 616 М.