Bootstrap lecture from Brad Traversy
https://github.com/bradtraversy/bootstrap-5-websites
![](Bootstrap1_1.png)
![](List-1_1.png)
![](List-2_1.png)
![](List-3_1.png)
![](Bootstrap17_1.png)
![](Bootstrap18_1.png)
![](Bootstrap19_1.png)
- 1. Getting Started
- 1. Welcome To The Course
- 2. Projects Overview
- 3. What Is Bootstrap
- 4. How To Use Bootstrap
- 5. Basic Environment Setup
- 6. Bootstrap Sandbox Setup
- 2. Bootstrap Fundamentals - Part 1
- 1. Containers
- 2. Typography
- 3. Display & Position
- 4. Background & Text Colors
- 5. Spacing
- 6. Sizing, Borders & Shadows
- 7. Breakpoints
- 8. Buttons
- 9. Navbar
- 10. Dark Mode & Variables
- 3. Bootstrap Fundamentals - Part Two
- 1. Bootstrap Grid & Columns
- 2. Flexbox Classes
- 3. Cards
- 4. List Groups & Badges
- 5. Forms & Input
- 6. Form Validation & Display
- 7. Alerts & Progress Bars
- 8. Tables
- 9. Breadcrumbs & Pagination
- 10. Other CSS Utilities
- 4. Dynamic JavaScript Components
- 1. Dropdowns
- 2. Accordions & Collapse
- 3. Carousel
- 4. Toast Notification
- 5. Spinners
- 6. Modals
- 7. Popovers & Tooltips
- 8. Darkmode Toggle
- 5. Mini-Project Challenges
- 6. Custom Sass Workflow & Starter Template
- 1. What Is Sass
- 2. Install & Setup Sass
- 3. Install, Setup & Customize Bootstrap
- 4. Install & Setup Font Awesome
- 5. Starter Template Download.html
- 7. Website 1 - Ebook Website
- 1. Project Intro
- 2. Project Setup
- 3. Navigation & Sass Variables
- 4. HeaderHero Section
- 5. Icon Section
- 6. Navbar Scroll Effect
- 7. Details Sections With Modals
- 8. Testimonials, Download Section & Footer
- 9. Contact Page
- 10. Deploy To Vercel
- 11. Formspree For Contact Forms
- 8. Website 2 - Corso Training Website
- 1. Project Intro
- 2. Project Setup
- 3. Nav & Header
- 4. Image Carousel
- 5. Register Area, Nav Scroll & Details
- 6. Points & Summary Sections
- 7. Invitation & Takeaways
- 8. Subscribe & Footer
- 9. Website 3 - Portfolio Website
- 1. Project Intro
- 2. Project Setup
- 3. Header With Overlay
- 4. Typing Effect JavaScript
- 5. About & Skills Sections
- 6. Projects & Lightbox
- 7. StyleShout & Services
- 8. Stats & Forms
- 9. Deploy To Netlify
- 10. Website 4 - Yavin Office Design
- 1. Project Intro
- 2. Project Setup
- 3. Navigation & Header
- 4. Stats & JavaScript Increment
- 5. Intro, Details & Services
- 6. 3 Middle Sections
- 7. Projects & Testimonials
- 8. Contact Form & Footer
- 9. Back To Top Button
- 10. Inner Article Page
- 11. Website 5 - Vera Software Solutions
- 1. Project Intro
- 2. Project Setup
- 3. Header & Rotating Text Script
- 4. Partners & Form
- 5. Nav Scroll & Solutions
- 6. Details & Expertise
- 7. Video Section & Animated Button
- 8. Video Modal
- 9. Pricing & Project Sections
- 10. Project Modals
- 11. Newsletter Section & Footer
- 12. Privacy Page
![](Bootstrap2_1.png)
![](Bootstrap3_1.png)
![](Bootstrap4_1.png)
![](Bootstrap5_1.png)
![](Bootstrap6_1.png)
![](Bootstrap7_1.png)
![](Bootstrap8_1.png)
![](Bootstrap9_1.png)
![](Bootstrap10_1.png)
![](Bootstrap11_1.png)
![](Bootstrap12_1.png)
![](Bootstrap13_1.png)
![](Bootstrap14_1.png)
![](Bootstrap15_1.png)
![](Bootstrap16_1.png)
![](Bootstrap21_1.png)
![](Bootstrap22_1.png)
![](Bootstrap23_1.png)
![](Bootstrap24_1.png)
![](Bootstrap25_1.png)
![](Bootstrap26_1.png)
![](Bootstrap27_1.png)
![](Bootstrap28_1.png)
![](Bootstrap29_1.png)
![](Bootstrap30_1.png)
![](Bootstrap31_1.png)
![](Bootstrap32_1.png)
![](Bootstrap33_1.png)
![](Bootstrap34_1.png)
![](Bootstrap35_1.png)
![](Bootstrap36_1.png)
![](Bootstrap37_1.png)
![](Bootstrap38_1.png)
![](Bootstrap39_1.png)
![](Bootstrap40_1.png)
![](Bootstrap41_1.png)
![](Bootstrap42_1.png)
![](Bootstrap43_1.png)
![](Bootstrap44_1.png)
![](Bootstrap45_1.png)
![](Bootstrap46_1.png)
![](Bootstrap47_1.png)
![](Bootstrap48_1.png)
![](Bootstrap49_1.png)
![](Bootstrap50_1.png)
![](Bootstrap51_1.png)
![](Bootstrap52_1.png)
![](Bootstrap53_1.png)
![](Bootstrap54_1.png)
![](Bootstrap55_1.png)
![](Bootstrap56_1.png)
![](Bootstrap57_1.png)
![](Bootstrap58_1.png)
![](Bootstrap59_1.png)
![](Bootstrap60_1.png)
![](Bootstrap61_1.png)
![](Bootstrap62_1.png)
![](Bootstrap63_1.png)
![](Bootstrap64_1.png)
![](Bootstrap65_1.png)
![](Bootstrap66_1.png)
![](Bootstrap67_1.png)
![](Bootstrap68_1.png)
![](Bootstrap69_1.png)
![](Bootstrap70_1.png)
![](Bootstrap71_1.png)
![](Bootstrap72_1.png)
![](Bootstrap73_1.png)
![](Bootstrap74_1.png)
![](Bootstrap75_1.png)
![](Bootstrap76_1.png)
![](Bootstrap77_1.png)
![](Bootstrap78_1.png)
![](Bootstrap79_1.png)
![](Bootstrap80_1.png)
![](Bootstrap81_1.png)
![](Bootstrap82_1.png)
![](Bootstrap83_1.png)
![](Bootstrap84_1.png)
![](Bootstrap85_1.png)
![](Bootstrap86_1.png)
![](Bootstrap87_1.png)
![](Bootstrap88_1.png)
![](Bootstrap89_1.png)
![](Bootstrap90_1.png)
![](Bootstrap91_1.png)
![](Bootstrap92_1.png)
![](Bootstrap93_1.png)
![](Bootstrap94_1.png)
![](Bootstrap95_1.png)
Related page:
- (2024) Google Cloud and Cloudflare
- (2023) CloudflareWorker and Supabase
- (2022) JS, Css
- (2022) Typescript, Webpack
- (2022) Angular, RxJs, Firebase, MongoDb
- (2022) Node, NestJs, Electron, Pwa, Telegram
- (2022) React, Redux, GraphQL, NextJs
- (2022) Angular/Typescript, JS books
Comments (
)
![](http://forum.vb-net.com/GetTopicCount.png?id=c2ed1492-f5cd-49fd-bb5a-019955c7034b)
<00>
<01>
<02>
<03>
<04>
<05>
<06>
<07>
<08>
<09>
<10>
<11>
<12>
<13>
<14>
<15>
<16>
<17>
<18>
<19>
<20>
<21>
<22>
<23>
Link to this page:
http://www.vb-net.com/BootstrapLearning/Index.htm
<SITEMAP> <MVC> <ASP> <NET> <DATA> <KIOSK> <FLEX> <SQL> <NOTES> <LINUX> <MONO> <FREEWARE> <DOCS> <ENG> <CHAT ME> <ABOUT ME> < THANKS ME> |