Download appDownload App

Learn Bootstrap 4 Responsive Web Development

Designing apps in today's world requires considering a number of different factors – from speed to responsiveness of the app. In today's world, where people use multiple difference devices to view web...

  • All levels
  • English

Course Description

Designing apps in today's world requires considering a number of different factors – from speed to responsiveness of the app. In today's world, where people use multiple difference devices to view websites and use apps, you can't simply design websites and apps just for desktops. Devices today come in all shapes and sizes and a designer must keep that in mind when creating an app or a website!...

Designing apps in today's world requires considering a number of different factors – from speed to responsiveness of the app. In today's world, where people use multiple difference devices to view websites and use apps, you can't simply design websites and apps just for desktops. Devices today come in all shapes and sizes and a designer must keep that in mind when creating an app or a website! Bootstrap 4 comes with a multitude of different options to create more responsive websites to help simplify the process of development.

What you’ll learn
  • Introduction to Bootstrap 4, as well as how to set up a projects
  • Understanding the Grid System
  • Introduction to Media Objects, including nesting media objects and Media Object Alignment
  • Introduction to Buttons and how to create a variety of different buttons
  • A look into the various cool Bootstrap features such as Jumbotron, Labels, Alerts, etc.
  • Introduction to Cards
  • A detailed introduction to Navigation
  • Other features such as Breadcrumb, pagination, pager, Progress, list groups, Tooltips, Popovers, etc.

Covering Topics

1
Section 1 : Intro
2
Section 2 : Grid System
3
Section 3 : Media Objects
4
Section 4 : Buttons
5
Section 5 : Cool Bootstrap Features
6
Section 6 : Cards
7
Section 7 : Navigation
8
Section 8 : Extras

Curriculum

      Section 1 : Intro
1
Introduction To This Bootstrap Course Preview
2
Setting Up A Project
      Section 2 : Grid System
3
Introduction To The Grid System Preview
4
More Grid Sizes
5
Varying Grid Sizes
6
Offsetting Columns
7
Multiple Rows Preview
8
Nesting Columns
9
Ordering Columns
      Section 3 : Media Objects
10
Introduction To Media Objects
11
Nesting Media Objects Preview
12
Media Object Alignment
      Section 4 : Buttons
13
Introduction To Buttons
14
Button Groups Preview
15
Checkbox Buttons
16
Radio Buttons
17
Button Dropdown
      Section 5 : Cool Bootstrap Features
18
Input Groups
19
Jumbotron
20
Labels
21
Alerts
      Section 6 : Cards
22
Introduction To Cards
23
More Card Content Types
24
Card Text Alignment
25
Cards Header & Footer
26
Card Image Caps
27
Card Image Overlay
28
Inverting Cards
29
Card Background Variants
30
Card Groups
31
Card Decks
32
Card Columns
      Section 7 : Navigation
33
Base Nav
34
Nav Tab & Pills
35
Nav Dropdowns
36
Nav Tab Panes
37
Navbar
38
Navbar Color Schemes
39
Navbar Placement
40
Navbar Collapsible Content
41
Responsive Navbar
      Section 8 : Extras
42
Breadcrumb
43
Pagination
44
Pager
45
Progress
46
List Groups
47
Advanced List Groups
48
Modals
49
Tooltips
50
Popovers
51
Collapse
52
Accordion Collapse
53
Carousel

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.