Training Trains Internship
Student login
← Tailwind CSS & Bootstrap learning path
Tailwind CSS & Bootstrap · Module 3 of 10

Bootstrap components

Use navbars, cards, buttons, forms and modals.

📖 Key ideas

  1. Buttons: .btn .btn-primary, .btn-outline-secondary.
  2. Cards group content: .card, .card-body, .card-title.
  3. Navbar collapses on mobile with a toggler.
  4. Modals, dropdowns and toasts need Bootstrap JS.
  5. Forms: .form-control, .form-label, validation classes.
💡 Real-life example: Bootstrap components are a ready Lego set: pick the navbar or card piece and click it in.
.btn-primaryMain coloured button
.cardContent box component
NavbarResponsive top navigation
ModalPopup dialog