WebsiteLesson 295Free preview
Make a Website (BS4)
This lesson is part of How To · All levels
Summary
Bootstrap 4 brings a flexbox-based grid system that is more flexible than previous versions. Its utility class is complete for margins, padding, color, and alignment, so the display adjustment can be done directly in HTML. Bootstrap 4 also introduced a more responsive navbar that no longer requires jQuery for most basic components.
Key points
- Grid Bootstrap 4 is built with a flexbox and stays 12 columns
- Container, row, and col-* classes became the foundation of the layout
- The responsive navbar uses the navbar-expand-lg and the navbar-toggler
- Utility such as mt-3, p-4, and bg-primary accelerate styling
- The JavaScript bundle files contain Popper for tooltip and dropdown
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.