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.
Class Projects See All
No projects have
been added yet
No projects have
been added yet
No projects have
been added yet
No projects have
been added yet
19 of 19 students recommendSee All
Easy explained and understandable. It is evident Sandy knows what she's talking about.
great, well organized intro to bootstrap
I loved her style of instruction, her pace is fast and great - I had to pause sometimes to catch up (would recommend dual monitors!). The use of many short videos kept me motivated
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...
