Bootstrap Tutorial for Beginners
0.0 (0 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 student enrolled
Wishlisted Wishlist

Please confirm that you want to add Bootstrap Tutorial for Beginners to your Wishlist.

Add to Wishlist

Bootstrap Tutorial for Beginners

Follow these step-by-step tutorials to learn Bootstrap.
0.0 (0 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 student enrolled
Created by Ernest Jones
Last updated 9/2017
English
English [Auto-generated]
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • 19 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • You will acquire knowledge of the Bootstrap classes, grid system, navigation menu, and much more.
View Curriculum
Requirements
  • A basic understanding of HTML and CSS
Description

Bootstrap is a free and open source front-end framework that has become wildly popular in that last several years. This library makes it much easier to design a professional looking website from scratch. Where Bootstrap really shines is that it's very easy to use, Bootstrap also takes care of the cross-browser compatibility issues so you can concentrate more on making your website interactive rather than worrying about browser issues.  It is also considered a mobile first framework, meaning your designs will be fully compatible with smart phones and tablets.

What we will cover in this series

We will begin the course by learning about how to setup Bootstrap and disuss the syntax. Bootstrap is all about classes, so we will review many of the main classes that Bootstrap offers. 

The main layout Bootstrap employs is the grid system.  Several lectures will be dedicated to learning and developing the grid.  We will also cover many other items such as buttons, navigation menus, and drop-downs.

Who is the target audience?
  • Beginner level developers who want to learn the Bootstrap Framework.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
20 Lectures
01:24:26
+
Introduction to Bootstrap
2 Lectures 08:47

Introduction to the Bootstrap framework.

Preview 02:11

Discuss how to setup bootstrap.

HTML Code: http://pastebin.com/SS8hdv10

Bootstrap: http://getbootstrap.com/

jQuery: https://jquery.com/

Preview 06:36
+
The Grid Layout
9 Lectures 35:31

Grid layout in bootstrap.

HTML: http://pastebin.com/Y1FgJYCY
CSS: http://pastebin.com/adFi7VMf

Preview 06:55

Grid layout in bootstrap.

HTML: http://pastebin.com/d1efP62N
CSS: http://pastebin.com/ifLGXtu0

Preview 05:55

Grid layout in bootstrap.

HTML: http://pastebin.com/z3E3vfwc
CSS: http://pastebin.com/ifLGXtu0

The Grid Layout Part 3
02:52

Grid layout in bootstrap.

HTML: http://pastebin.com/YXMHmQ7C
CSS: http://pastebin.com/Tm5L8A2N

The Grid Layout Part 4
02:25

Grid layout in bootstrap.

HTML: http://pastebin.com/stHBKPUP
CSS: http://pastebin.com/Tm5L8A2N

The Grid Layout Part 5
02:21

Grid layout in bootstrap.

HTML: http://pastebin.com/zZxLHcTs
CSS: http://pastebin.com/8wNkKyJG

The Grid Layout Part 6
03:54

The visible class in bootstrap.

HTML: http://pastebin.com/k60WRq1V
CSS: http://pastebin.com/8wNkKyJG

The visible class
03:32

Push and pull in bootstrap.  We want to use this in order to rearrange columns depending on the device type.  For medium and large devices we want the main column in the middle.  For small devices, such as cell phones, we want the main column to appear first (at the top).  Bootstrap's push and pull classes will help us accomplish this.

HTML: http://pastebin.com/h49KmMLr
CSS: http://pastebin.com/8wNkKyJG

Push and Pull
04:17

Hidden and multiple classes.

HTML: http://pastebin.com/tM3dNDAL
CSS: http://pastebin.com/8wNkKyJG

Hidden and multiple classes
03:20
+
Buttons and Dropdowns
5 Lectures 23:01

Buttons in Bootstrap.

HTML: https://pastebin.com/CKpAFRRW
CSS: https://pastebin.com/yHAq7pkG

Buttons Part 1
05:43

More on buttons in Bootstrap.

HTML: https://pastebin.com/8miA45Qc
CSS: https://pastebin.com/VYiwV4k9

Buttons Part 2
05:45

More on buttons in Bootstrap.

HTML: https://pastebin.com/MLWmRPSp
CSS: https://pastebin.com/fWL6jaPR

Buttons Part 3
03:27

Dropdown menu in Bootstrap.

HTML: https://pastebin.com/dKTMTRZB
CSS: https://pastebin.com/VYiwV4k9

Dropdown
04:14

Dropdown menu in Bootstrap.

HTML: https://pastebin.com/GbUdCkHL
CSS: https://pastebin.com/65ZbSUPg

Dropdown Part 2
03:52
+
Navigation Bar
4 Lectures 17:07

Navigation bar in Bootstrap.

HTML: https://pastebin.com/rYjS8xXD
CSS: https://pastebin.com/sdCbWxuS

Navigation bar
05:16

Add logo to navigation bar.

HTML: https://pastebin.com/QxB8wTRi
CSS: https://pastebin.com/0hagxwFv

Add logo to navigation bar
03:08

Add search bar.

HTML: https://pastebin.com/YbgkmZ3L
CSS: https://pastebin.com/0hagxwFv

Add search bar
04:29

Using bootstrap glyphicons to add some pizzazz to your webpage.

HTML: https://pastebin.com/CHdV3T6q
CSS: https://pastebin.com/0hagxwFv

Glyphicons
04:14
About the Instructor
Ernest Jones
4.0 Average rating
24 Reviews
997 Students
4 Courses
Computer Programming

I am in the computer industry and have done many tutorials on computer programming. Some of my tutorials are among the most viewed on several different website. All of my videos are explained in an easy step-by-step manner. I have done tutorials on ASP, CSS, HTML, Java, JavaScript, and PHP.