$ 30.00

Start now with Bootstrap 3 with Bootstrap

$ 30.00

  • Course duration : 3h52m
  • Lifetime access
  • 30 days money back guarantee
  • Source files included
  • Discover why you should learn on Tuto.com

Let me introduce you to Bootstrap 3 : the lightweight and responsive framework for a better and faster mobile-friendly web development.

This Bootstrap 3 video tutorial includes:

  • Downloading and understanding the boostrap files
  • Review of the Bootstrap 3 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 3 CSS styling and dynamic elements

Join me to learn about the open-source responsive framework Bootstrap 3.
By the end of the course, you will easily design sleek, mobile-ready websites with HTML, CSS and JavaScript.

Bootstrap training table of contents (duration : 3h52m)

  • Introduction to Bootstrap 3
    • Welcome! free 00:00:49
    • Course Overview free 00:02:38
  • Getting Started with Bootstrap 3
    • Section 2 - Section Overview 00:00:45
    • Downloading the Bootstrap Files 00:04:32
    • The Grid System 00:07:12
    • Grid System Demos - Part I 00:09:01
    • Grid System Demos - Part II 00:11:18
  • Bootstrap 101 - CSS & Components
    • Section 3 - Section Overview 00:00:48
    • Styling with CSS - Part I 00:14:27
    • Styling with CSS - Part II 00:13:38
    • Styling with CSS - Part III 00:09:37
    • CSS Components - Part I 00:14:36
    • CSS Components - Part II 00:10:58
    • CSS Components - Part III 00:09:53
  • Bootstrap 201 - Javascript Plugins
    • Section 4 - Section Overview 00:00:50
    • Collapse.js 00:08:31
    • Tab.js 00:07:17
    • Carousel.js 00:06:56
    • Affix.js 00:04:12
  • Project - Styling with CSS
    • Section 5 - Section Overview 00:00:46
    • Customizing the Header 00:13:32
    • Creating the Photo Gallery 00:08:57
    • Creating the Product Thumbnails 00:08:03
    • Customizing the Footer 00:09:44
    • Responsive Utilities & Media Queries 00:11:54
  • Project - Interactivity with Javascript
    • Section 6 - Section Overview 00:01:29
    • Creating the Slideshow with Carousel.js 00:12:39
    • Adding a Responsive Contact Form with Modal.js 00:08:53
    • Popover.js 00:07:59
    • Tooltip.js 00:06:12
    • Adding Scrollspy.js to the Navigation Bar 00:04:30



Instructor : Sandy Ludosky

Sandy Ludosky has published 18 tutorials and obtained an average rating of 4,1/5 on 718 courses sold. Sandy Ludosky is a, tuto.com's certified instructor. See others courses from Sandy Ludosky

  • With which software version is this tutorial compatible with?
    Bootstrap 3
  • What is the required level to follow this tutorial ?
    beginner
Access to more than 17 free tutorials


no, I don't want to learn for free !