Start Now with Bootstrap 3 | Ebook Included – Sandy Ludosky

Salepage link: At HERE. Archive: http://archive.is/wip/aRAXE

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

Lessons include:

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.

Introduction to Boostrap 3

Getting started with Bootstrap 3

Section Overview & Intro (0:44)
Downloading Bootstrap 3 (4:31)
The Grid System (7:12)
Grid Demos & Examples -part I (9:53)
Grid Demos & Examples -part II (11:17)

Bootstrap 101 – CSS & Components

Section Overview (0:48)
Styling with CSS – Part I (14:26)
Styling with CSS – Part II (13:37)
Styling with CSS – Part III (9:37)
Boostrap Components – Part I (14:35)
Boostrap Components – Part II (10:57)
Boostrap Components – Part III (9:53)

Bootstrap 201 – Javascript

Section Overview (0:49)
Collapse.js (8:30)
Carousel.js (6:55)
Tab.js (7:17)
Affix.js (4:12)

Project – Styling with CSS

Project Overview (0:45)
Customize the Header (13:35)
Create the Products Thumbnails (8:02)
Create the Photo Gallery (8:56)
Customize the Footer (9:44)
Responsive Utilities and Media Queries (11:53)

Project – Interactive elements & Javascript Plugins

Section Overview (1:29)
Create a Slideshow with Carousel.js (12:38)
Add a Contact Form with Modal.js (8:52)
Popover.js (7:59)
Tooltip.js (6:11)
Add Scrollspy.js to the navbar (4:29)

Supplementary resources