Build a responsive webpage with Bootstrap 3

Sandy Ludosky

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
30 Lessons (3h 52m)
    • 1. Curriculum & Project Overview

      demo.zip
      2:37
    • 2. Section overview & intro

      0:44
    • 3. Downloading Bootstrap 3

      4:31
    • 4. The Grid System

      7:12
    • 5. Grid Demos & Examples - part I

      9:53
    • 6. Grid Demos & Examples - part II

      11:17
    • 7. Section Overview

      0:48
    • 8. Styling with CSS - Part I

      14:26
    • 9. Styling with CSS - Part II

      13:37
    • 10. Styling with CSS - Part III

      9:37
    • 11. Boostrap Components - Part I

      14:35
    • 12. Boostrap Components - Part II

      10:57
    • 13. Boostrap Components - Part III

      9:53
    • 14. Section Overview

      0:49
    • 15. Collapse.js

      8:30
    • 16. Carousel.js

      6:55
    • 17. Tab.js

      7:17
    • 18. Affix.js

      4:12
    • 19. Project Overview

      0:45
    • 20. Customize the Header

      13:32
    • 21. Create the Products Thumbnails

      8:02
    • 22. Create the Photo Gallery

      8:56
    • 23. Customize the Footer

      9:44
    • 24. Responsive Utilities and Media Queries

      11:53
    • 25. Section Overview

      1:29
    • 26. Create a Slideshow with Carousel.js

      12:38
    • 27. Add a Contact Form with Modal.js

      8:52
    • 28. Popover.js

      7:59
    • 29. Tooltip.js

      6:11
    • 30. Add Scrollspy.js to the navbar

      4:29

About This Class

Learn Bootstrap:  the lightweight and responsive framework for a better and faster mobile-friendly web development.

Demos and exercices: to get you up to speed with the most popular responsive framework.

This course is VERY hand-on. You will learn:

  • The Bootstrap CSS and Components
  • The responsive and flexible grids to build complexe layouts
  • to create functional and responsive pages, working accross all devices.

Final Project. This is what you will build by the end of the course:

ee1343ce

view in browser

Topics include:

  • Downloading and understanding the boostrap files
  • Review of the Bootstrap files structure
  • Presentation and demonstration of the 12-column Grid System
  • Styling easily and quickly with Bootstrap built-in CSS classes
  • Adding functional components like navbars, responsive tables, forms...
  • Adding interactive elements with javascript plugins, like the carousel, the modal...
  • A 2-part design project featuring multiple examples of the Bootstrap CSS styling and dynamic elements

Join me and other students to learn about the most popular open-source responsive framework Bootstrap3.