Collapsible Navbar

In this example, the navigation bar is hidden on small screens and replaced by a button in the top right corner (try to re-size this window).

Only when the button is clicked, the navigation bar will be displayed.

Bootstrap Case

Collapsible Navbar

In this example, the navigation bar is hidden on small screens and replaced by a button in the top right corner (try to re-size this window).

Only when the button is clicked, the navigation bar will be displayed.

Friday, 26 June 2015

bootstrap app

Bootstrap Example

Pager

The .pager class provides previous and next buttons (links):

  • First item
  • Second item
  • Third item
Bootstrap Example

List Group With Badges

  • 12 New
  • 5 Deleted
  • 3 Warnings
Bootstrap Case

Panels with Contextual Classes

Panel with panel-default class
Panel Content
Panel with panel-primary class
Panel Content
Panel with panel-success class
Panel Content
Panel with panel-info class
Panel Content
Panel with panel-warning class
Panel Content
Panel with panel-danger class
Panel Content

coloured label

Contextual Label Classes

Contextual classes can be used to color the label.
Default Label Primary Label Success Label Info Label Warning Label Danger Label Contextual classes can be used to color the label.
Default Label Primary Label Success Label Info Label Warning Label Danger Label

Badges

Bootstrap Example-james

Bootstrap 3

Bootstrap Example-james george

My First Bootstrap Page

Resize this responsive page to see the effect!

Column 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit...
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit...
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit...
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...