Learning Bootstrap 3 - Tutorial From Infinite Skills

A Beginners Course
4.1 (74 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,224 students enrolled
$50
Take This Course
  • Lectures 50
  • Contents Video: 3 hours
    Other: 1 min
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2013 English

Course 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.

What are the requirements?

  • Mac or PC

What am I going to get from this course?

  • Learn How To Use Bootstrap From An Expert

What is the target audience?

  • Web Designers and Developers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
Important - Download These First - Working Files
Preview
Article
0101 Introduction To Bootstrap
Preview
01:58
0102 What To Expect
Preview
01:14
0103 The Site Build Plan
Preview
02:29
0104 How To Access Your Working Files
Preview
02:45
Section 2: Setting Up Bootstrap
0201 Examining The Framework Files
05:57
0202 Documentation Overview
02:48
Section 3: The Grid System
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
Section 4: Responsive Helpers
0401 Responsive Images
02:41
0402 Responsive Utility Classes
02:58
0403 Media Queries and Breakpoints
01:59
Section 5: Site Structure
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
Section 6: The Home Page
0601 Image Carousel
06:57
0602 Carousel Navigation
04:22
0603 Four Column Grid
05:48
Section 7: The Blog Page
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
Section 8: The Clients Page
0801 Setting The Grid
01:58
0802 Thumbnails
03:05
0803 Tooltips
01:41
0804 Collapse Panels
03:52
Section 9: The Contact Page
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
Section 10: Customizing Bootstrap
1001 Customizing The Download
03:00
1002 Customizing Colours
02:58
1003 Starter Templates
02:03

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Infinite Skills, 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.

Ready to start learning?
Take This Course