Build a responsive webpage with Bootstrap 3
Sandy Ludosky
-
-
Curriculum & Project Overview
2:37 -
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 -
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 -
Section Overview
0:49 -
Collapse.js
8:30 -
Carousel.js
6:55 -
Tab.js
7:17 -
Affix.js
4:12 -
Project Overview
0:45 -
Customize the Header
13:32 -
Create the Products Thumbnails
8:02 -
Create the Photo Gallery
8:56 -
Customize the Footer
9:44 -
Responsive Utilities and Media Queries
11:53 -
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
-
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:
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.
Students
Project
-
- --
- Beginner
- Intermediate
- Advanced
- All Levels
- Beg/Int
- Int/Adv
Level
Community Generated
The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.
My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada.
I specialize in Front-End using HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery.
I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few.
Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.
On top of be...