Study note of Bootstrap 4 Udemy course.

Introduction

BS4 is an open source mobile-first, responsive CSS framework that comes with pre-made template and classes and JS widgets/plugins. It brings browser compatible and fast development.

BS4 brings the following tools

  • Layout
    • Flexbox-based grid system
  • UI utilities
    • Text & typography
    • Positioning
    • Spcing
    • Sizing
    • Alignment
    • Colors
    • Images
    • Responsive utilities
    • Shadows
  • CSS components
    • Forms and input groups
    • Tables
    • List Groups
    • Cards
    • Progress bars
    • Alerts
    • Navbar & menus
    • Buttons and button groups
    • Pagination
    • Media objects
    • Jumbotron (showcase area)
    • Badges
  • JS Widgets
    • Carousel slider
    • Collapsible Accordion
    • Modals
    • Tooltips
    • Popovers
    • ScrollSpy