Mini Map
Search
⌘ K
Log In
Bootstrap 4 Layouts in Depth
0%
1.
✨Getting Started
Course Overview
2.
Introduction to Bootstrap
Add Bootstrap to an HTML Page
Style the Interface
Container Classes
Containers at Various Resolutions
Chapter Overview
Quick Quiz
Challenge: Couple the Containers
Solution: Couple the Containers
3.
Grid in Bootstrap 4
Rows and Columns
Creating a Grid
Utility Classes
Chapter Overview
Quick Quiz
Challenge: Link Line Puzzle
Solution: Link Line Puzzle
4.
Components of Bootstrap 4
Introduction
Layout with Primary Components
Hero Section
Style the Layout
Chapter Overview
Quick Quiz
Challenge: The Shoeroom
Solution: The Shoeroom
5.
Official Bootstrap Example
Album Layout
Improve the Layout
Chapter Overview
Quick Quiz
Challenge: Wallpaper Factory
Solution: Wallpaper Factory
6.
Cloning CSS Theme
Track the Main CSS File
Copying the Main CSS File
Trim the Unused CSS
Update the Layout
Chapter Overview
Quick Quiz
Project
Premium
Creating an Online CV with HTML and CSS
7.
Typography-Focused Layout
Working with SCSS
Compiling SCSS with the Koala App
The Mockup and the Starter Layout
Navigation Bar
Update the Navbar
Embed Fonts into the Layout
Structure the Layout
Style the Layout
Adding Images and Text
Polishing Up Our Layout
Improving the Typography
Chapter Overview
Quick Quiz
Challenge: Coffee Café
Solution: Coffee Café
8.
Modularize Bootstrap Layouts
Introduction to Angular
How Angular Works
Component’s Class File
Structure of an Angular Application
Angular's App Folder Operation
Inspecting the App Folder
Angular 8 Layout Completed
Chapter Overview
Quick Quiz
Challenge: Coffee Café in Angular
Solution: Coffee Café in Angular
Project
Premium
Build a Music Player Application Using Angular
9.
Optimizing Official Bootstrap's Incline Theme
Building the Landing Page
Adding a Background Image
An Image is Worth a Thousand Words
Adding the Carousel Example's Main Element
Upgrade the Layout
Chapter Overview
Quick Quiz
Challenge: Styled Watch
Solution: Styled Watch
10.
Airbnb Clone Layout in Bootstrap 4
Planning Our Layout’s Structure
Cards with Input Fields
Datepickers, Dropdowns, and Host Card
The Testimonials Section
Rebuilding the Traveling with Airbnb Section
Home page
Traveling and Footer Section
Chapter Overview
Challenge: Drone Store
Solution: Drone Store
11.
Shopify Clone Layout in Bootstrap 4
The Navbar
Hero Section
Signup Form
Showcase Section
Support Section
Merchant and Signup Section
Footer Section
Chapter Overview
Challenge: Bakery Store
Solution: Bakery Store
12.
Conclusion
What's Next?
13.
Appendix
Register a New Account on GitHub
Track a Repository
Publish the Repository
Committing to the Repository
Home
/
Courses
/
Bootstrap 4 Layouts in Depth
Chapter Overview
Get an overview of what we've covered in this chapter.
We'll cover the following...
Congratulations
Congratulations
In this
...