Preview Bootstrap 4 From Scratch With 4 Projects

Introduction to Bootstrap

Difference between Bootstrap 3 and Bootstrap 4

Bootstrap 4 File Structure

Bootstrap 4 - Environment Setup

#module 1

#ASSIG - 1

quiz 1

Container and grid classes

Bootstrap 4 Containers

Bootstrap Grid - Large Devices Classes(lg for Desktop)

Bootstrap Grid - Medium Devices(md)

Bootstrap Grid - Small Devices & Extra Small Devices (sm,col)

Auto Layout Columns

#ASSIG - 2

#module 2

quiz 1

Text and background classes

Bootstrap Typography Classes (Bold ,Italic, Normal, Break Text)

Bootstrap Typography Text Alignment Classes.

Bootstrap Text Color Classes

Bootstrap Background Classes

#ASSIG - 3

module 03

quiz 1

Table classes

Bootstrap Table Classes(Basic Table, Striped Table, Bordered Table , Hover Table)

Bootstrap Table Classes(Black/Dark Table , Dark Striped Table , Hoverable Dark Table ,Borderless Table)

Bootstrap Table Contextual Classes

Bootstrap Tables Responsive

#ASSIG - 4

module 04

quiz 1

Image classes

Bootstrap Images Class

Bootstrap Jumbotron Class

quiz 1

#ASSIG - 5

#module 5

Alert classes

Bootstrap Alert Class

Bootstrap Closing Alerts & Link Classes

quiz 1

#ASSIG - 6

#module 6

Button classes

Bootstrap Buttons Classes

Button Groups

Button Sizes

Spinner Buttons

Button Outline

Bootstrap Badges

Bootstrap Spinners

quiz 1

#ASSIG - 7

#module 7

List classes

Bootstrap List Groups

quiz 1

#ASSIG - 8

#module 8

Card classes

Bootstrap Basic Card

Bootstrap Card with Image

#ASSIG - 9

#module 9

quiz 1

Pagination & Breadcrumbs Classes

Basic Pagination

Basic Pagination - Active-Disable State

Pagination Sizing

Pagination Alignment

Breadcrumbs

quiz 1

#ASSIG - 10

#module 10

Bootstrap Collapse

Bootstrap simple Collapse

Collapse Accordion

quiz 1

#ASSIG - 11

#module 11

Bootstrap Progress Bar

Bootstrap Basic Progress Bars

Bootstrap Colored Progress Bars

Bootstrap Striped Progress Bars

Bootstrap Animated & Multiple Progress Bars

quiz 1

#ASSIG - 12

#module 12

Bootstrap Dropdown

Simple DropDown

Dropdown Divider & Header

Disable & Active items & Dropdown Position

Grouped Button With a Dropdown

#module 13

#ASSIG - 13

quiz 1

Bootstrap Utility

Borders Classes

Border Radius

Float and Clearfix

Spacing

Block-None Elements

quiz 1

#ASSIG - 14

#module 14

Flex

Bootstrap Flex

Fill / Equal Widths & Grow & Order

quiz 1

#ASSIG - 15

#module 15

Bootstrap Forms

Bootstrap Form

Bootstrap Inline Form

"Bootstrap Form Inputs "

quiz 1

#ASSIG - 16

#module 16

Carousel Slider

Create a Simple Carousel Slider

Simple Carousel Slider With Indicators

Left and right controls

quiz 1

#ASSIG - 17

#module 17

Bootstrap Tooltip & Popover

Bootstrap Tooltip

Bootstrap Tooltip Placement

Bootstrap Popover

quiz 1

#ASSIG - 18

#module 18

Bootstrap Navs

Basic Horizontal Menu

Aligned Nav

Navigation Tabs

Toggleable Dynamic Tabs

Bootstrap Pills

Toggleable Dynamic Pills

#ASSIG - 19

#module 19

quiz

Navigation Bar

Basic Navigation Bar

Navigation Brand / Logo

Collapsible Navbar

Fixed Navigation Bar

#ASSIG - 20

#module 20

quiz 1

Bootstrap Modal

Basic Bootstrap Modal

Bootstrap Header & Body

Add Animation in Modal

Close current and open a new modal window

"Modal Size "

quiz 1

#ASSIG - 21

#module 21

How do I use Font Awesome via CDN

quiz 1

#ASSIG - 22

Project 1 – Service Based Business Theme

Service Based Business Theme Introduction

Header & Navigation Section

Banner Section

About Us

Our Services

Team Section

Call To Action

CONTACT Section

Footer Section

Footer Bottom Section & Link Menu Items

Project 2 - Adventure Based Theme

Adventure Based Theme Introduction

Header & Nav Section

Slider Section

About Section

Features Section

Contact Section

Foote Section

Book Now Modal

"Project 3 – Blog based Theme "

Blog Based Theme Introduction

Header Section

Nav & Collapse Menu

Blog Listing Section

Slidebar Section

Footer Section

Single Detail Section

Comment List & Comment Form Section

"Project 4 –Resume based Theme "

Resume based Theme Introduction

Header & Nav Section

Name Section

Porfolio Section

About Section

Footer Section

Create an On Scroll Fixed Header

Preview - Bootstrap 4 From Scratch With 4 Projects