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
- Sources Filesdownload
- Certificate
Instructor : Sandy Ludosky
-
With which software version is this tutorial compatible with?Bootstrap 3
-
What is the required level to follow this tutorial ?beginner