Learn Bootstrap: Easy Step-by-Step Tutorial v5.3
HTML-код
- Опубликовано: 2 июн 2024
- In this Bootstrap video, I will cover only the most important things that you need to know to get started.
Bootstrap is a highly popular CSS framework that streamlines development by offering pre-designed components with optional JavaScript for interactivity, along with templates and responsive grids. It empowers creators to rapidly build attractive and functional websites efficiently that are robust and feature-rich.
With customizable options and prebuilt components, Bootstrap ensures design consistency and seamless performance across devices and screen sizes.
Chapters:
◾ 0:00 Introduction:
◾ 0:40 Bootstrap CDN vs Local
◾ 1:31 Useful Extensions
◾ 2:30 Bootstrap via CDN
◾ 4:41 Bootstrap Typography
◾ 9:42 Bootstrap Layout
◾ 13:12 Bootstrap Grid
◾ 24:31 Bootstrap Components
◾ 29:08 CDN Variables
◾ 30:53 Install Bootstrap Locally - Vite
◾ 36:52 Bootstrap Custom SCSS
◾ 42:11 End
☕ BuyMeACoffee: www.buymeacoffee.com/RaddyThe...
Discounts:
⚡ Hostinger: www.hostg.xyz/aff_c?offer_id=...
⚡ Elementor: be.elementor.com/visit/?bta=2...
Recording Equipment:
◾ Microphone: amzn.to/3uX0yvP
◾ Shotgun Mic: amzn.to/3aRsSJb
◾ Camera: amzn.to/3IMumkx
◾ Lens: amzn.to/3ARxvh8
◾ Lighting: amzn.to/3PBetj2
Computer Gear:
◾ Keyboard: amzn.to/3RCXRcC
◾ Headphones: amzn.to/3aIvskX
◾ Mouse: amzn.to/3VfVuxO
Connect with me:
◾ Website: www.raddy.dev
◾ Newsletter: www.raddy.co.uk/newsletter
#bootstrap #css
![KFF Singapore Badminton Open 2024 | He/Ren (CHN) vs. Alfian/Ardianto (INA) [7] | F](http://i.ytimg.com/vi/an7AykjOaAA/mqdefault.jpg)
Thank you for the clear explanations. Loved this video.
Bravo Raddy,
This is one of the clearest explanations of typography, containers and Bootstrap's grid layout I've seen. Thanks for sharing.
Hello. Thank you for a great video, this is the best video about bootstrap I found. Please continue with the bootstrap instructions. Happy coding!
Hello. I search you on your site, you made the real fire!
Thank you! I've been using Bootstrap a couple of months now but was still unclear about a few things. This is one of the clearest and best put-together videos I've seen.
The thing i hated most about bootstrap was that it was very complicated to customize like 3 years ago, especially for a beginner to web dev. I'm so happy that they've made it much easier now. I can actually use it again without getting frustrated. What I love about bootstrap is that they have so many components that work out of the box , like a responsive navigation bar, for example, that you don't have to create from scratch with all the js needed to hide and toggle the menu on different screens, making building websites easierand faster. Thank you for this tutorial. It's very appreciated.
Since I came across your channel, I've been glued. The way you teach resonates with me. Thank you and know that you're highly appreciated.
I am glad to hear that and I appreciate the positive comment. Thank you!
Love your videos
thanks for the tutorial Raddy
it helped me a lot. very clear explanation. Loved it😊
This is the clearest explanation of essential bootstrap I have found. Your pace and tone are perfect, and your examples are easy to understand. Thank you so much!
Wow, thanks! I appreciate the comment
Hey Raddy,
Thank you for all the tutorials, you're by far my favorite channel to learn developement.
Keep more of NodeJs tuts coming.
That's super nice of you to say! I appreciate you and noted... I'll keep them coming
Could you make a video on how to deploy a cron-job nodejs application on any free host provider?
Can do, I will look into it. I appreciate the suggestion
I'm a backend developer but i was thinking of learning bootstrap or tailwind to make some money with freelance projects. And chatgpt CSS code is ugly even if i explain precisely what i want.
All of my backend dev friends all use Bootstrap. That's what they started with originally and never had the need of changing I guess. You can always try all of them and use what you like
hey bro can you tell me the webisite for gif images . that you used
Are referring to the subscribe animation? If yes, I made that myself. The design was done it in Illustrator and animated in Davinci Resolve Fusion
hallo,
can i use vite in my express js project for hot reload?