Learning Bootstrap 3 - Tutorial From Infinite Skills
4.5 (90 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,264 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learning Bootstrap 3 - Tutorial From Infinite Skills to your Wishlist.

Add to Wishlist

Learning Bootstrap 3 - Tutorial From Infinite Skills

A Beginners Course
4.5 (90 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,264 students enrolled
Created by Infinite Skills
Last updated 1/2017
English
Current price: $10 Original price: $50 Discount: 80% off
4 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn How To Use Bootstrap From An Expert
View Curriculum
Requirements
  • Mac or PC
Description

This Bootstrap 3 training course from Infinite Skills shows you how to use this front end framework to design a website. Bootstrap is easy to use and allows a designer to specify exactly how the site will look and behave on a number of different displays, including mobile, desktop, and tablet. To get the most out of this tutorial you should already have a fundamental understanding of HTML, CSS, and JavaScript.


You will start the course by learning about the grid system, including how to use containers, nested columns, and column offsets. You will move into learning about the site structure, following along with the course as it teaches you how to build a NavBar, build the intro section, info panel, and more. This video tutorial will also teach you how to set up the home page, blog page, client page, and contact page. Finally, the course will show you how to customize the Bootstrap download and customize colours.

Once you have completed this computer based training course, you will have a solid understanding of how to design a website with Bootstrap 3, and be able to apply this knowledge to your own web development projects. Working files are included, allowing you to follow along with the author throughout the lessons.

Who is the target audience?
  • Web Designers and Developers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
50 Lectures
02:45:34
+
Setting Up Bootstrap
2 Lectures 08:45

0202 Documentation Overview
02:48
+
The Grid System
7 Lectures 24:00
0301 Using Containers
03:36

0302 Coding Rows And Columns In HTML
01:20

0303 The Grid
02:52

0304 Controlling The Grid Across Devices
06:29

0305 Column Offsets
03:13

0306 Using Nested Columns
04:04

0307 Column Ordering
02:26
+
Responsive Helpers
3 Lectures 07:38
0401 Responsive Images
02:41

0402 Responsive Utility Classes
02:58

0403 Media Queries and Breakpoints
01:59
+
Site Structure
12 Lectures 48:41
0501 Building A NavBar
08:19

0502 Fixing The NavBar To The Top Of The Browser
02:34

0503 NavBar Dropdowns
03:13

0504 Building the Intro Section
07:13

0505 Building The Marketing Panel
04:39

0506 Button Options
02:56

0507 Building The Info Panel
03:29

0508 Block Quote
02:02

0509 Togglable Tabs
06:04

0510 Glyphicons
02:04

0511 Building The Footer
03:26

0512 Using Custom Typography
02:42
+
The Home Page
3 Lectures 17:07
0601 Image Carousel
06:57

0602 Carousel Navigation
04:22

0603 Four Column Grid
05:48
+
The Blog Page
6 Lectures 18:06
0701 Setting up the grid structure
02:41

0702 Adding the blog entries
04:53

0703 Pagination Component
01:52

0704 Search Box Inline Form
03:15

0705 Using List Groups
02:30

0706 Media Component
02:55
+
The Clients Page
4 Lectures 10:36
0801 Setting The Grid
01:58

0802 Thumbnails
03:05

0803 Tooltips
01:41

0804 Collapse Panels
03:52
+
The Contact Page
5 Lectures 14:13
0901 Setting The Grid
02:07

0902 Adding a Google Map
01:54

0903 Horizontal Forms
04:27

0904 Modals
03:12

0905 Building The Sidebar
02:33
+
Customizing Bootstrap
3 Lectures 08:01
1001 Customizing The Download
03:00

1002 Customizing Colours
02:58

1003 Starter Templates
02:03
About the Instructor
Infinite Skills
4.4 Average rating
42,660 Reviews
714,842 Students
331 Courses
High Quality Training

Infinite Skills is a Canadian based company who offer a huge and ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.

The emphasis is on teaching real life skills that are essential for progressing in today's commercial environment.