menu

tables

basic table

Student name Student course Marks
Joseph CSE 98
Mathew ECE 95
Ram EEE 30

Striped table

Student name Student course Marks
Joseph CSE 98
Mathew ECE 95
Ram EEE 30

Bordered table

Student name Student course Marks
Joseph CSE 98
Mathew ECE 95
Ram EEE 30

Hover table

Student name Student course Marks
Joseph CSE 98
Mathew ECE 95
Ram EEE 30

Condensed table

Student name Student course Marks
Joseph CSE 98
Mathew ECE 95
Ram EEE 30

Contextual table

Student name Student course Marks
Joseph CSE 98
Mathew ECE 95
Ram EEE 30
Raj EEE 40
Hasan IT 70

Responsive table

Student name Student course Marks
Joseph CSE 98
Mathew ECE 95
Ram EEE 30
Raj EEE 40
Hasan IT 70

Images

Rounded image

Cat

Circle image

Cat

Thumbnail image

Cat

Responsive image

Cat

alerts

Basic alert

Success! Alert box in green color.
Info! Alert box in blue color.
Warning! Alert box in orange color.
Danger! Alert box in red color.
Success! Alert box in green color.
Info! Alert box in blue color.
Warning! Alert box in orange color.
Danger! Alert box in red color.

Closing alert

× Success! Alert box in green color.
× Info! Alert box in blue color.
× Warning! Alert box in orange color.
× Danger! Alert box in red color.

animating closing alert

× Success! Alert box in green color.
× Info! Alert box in blue color.
× Warning! Alert box in orange color.
× Danger! Alert box in red color.

buttons

button styles

button size

Block level buttons

active disabled buttons

button group

button group basic

Vertical button

Button justified using "a" tag

HOME CONTACT ABOUT

Button justified using button

  • PAGE 1
  • PAGE 2

    • Split button

    progress bar

    Basic progress bar

    70% Complete

    label progress bar

    40%

    colored progress bar

    50% complete (Success)
    45% complete (warning)

    striped progress bar

    60% complete (danger)

    animated progress bar

    80% (warning)

    Stacked progress bar

    40%
    20%
    20%

    panel

    Panel default

    CONTAINER

    Panel heading

    HEADER
    CONTAINER
    CONTAINER
    FOOTER

    Panel group

    HEADER
    CONTAINER
    CONTAINER
    FOOTER
    HEADER
    CONTAINER
    CONTAINER
    FOOTER

    contextual class

    HEADER
    CONTAINER
    FOOTER

    dropdown

    basic dropdown

    dropup

    collapse

    basic collapse

    Hello this is the paragraph element which is collapsible

    First shown collapse

    This element is shown at first

    Collapsible panel

    Click me

    This element is shown in a panel body
    This element is shown in a panel footer

    List group collapse

    CLICK ME

    Tabs / pills

    menus

    tabs

    tabs with dropdown menus

    pills

    vertical pills

    vertical pills in a row

    This is used as a four separated elements in the larger devices and one after another in a small device

    This is used as a four separated elements in the larger devices and one after another in a small device

    This is used as a four separated elements in the larger devices and one after another in a small device

    pills with dropdown menu

    Centered tabs & pills


    Dynamic tabs

    This is my home page content

    This is my contact page content

    This is my about page content

    This is my login page content

    Dynamic pills

    This is my home page content

    This is my contact page content

    This is my about page content

    This is my login page content