fren

  • Vous êtes ici :  

Buttons and Inputs

Détails
Catégorie : Sampe-Data
Affichages : 3316

Note utilisateur: 4 / 5

Etoiles activesEtoiles activesEtoiles activesEtoiles activesEtoiles inactives
 

In this section you will find mos used styles like: tabs, buttons, inputs, nav bars, tables and many more...

In this section you will find mos used styles like: tabs, buttons, inputs, nav bars, tables and many more...

Button Group

Button Group

Button Group with drop down

Tabs

Default Tabs

Default Pills

Stacked Tabs

Stacked Pills

Default Nav List

Tabbable Tabs

I'm in Section 1.

Howdy, I'm in Section 2.

Tabbable Tabs Below

I'm in Section A.

Howdy, I'm in Section B.

What up girl, this is Section C.

Tabbable Tabs Left

I'm in Section A.

Howdy, I'm in Section B.

What up girl, this is Section C.

Tabbable Tabs Right

I'm in Section A.

Howdy, I'm in Section B.

What up girl, this is Section C.

Forms

Default Form

Default Form With Place holder


Nav Bar

Title

Labels

Labels

Default Success Warning Important Info Inverse

Badges

1 2 4 6 8 10

Thumb Grids

Thumbnails Grids of images, videos, text, and more

  • 300x200

    Thumbnail label

    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

    Action

  • 300x200

    Thumbnail label

    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

    Action

  • 300x200

    Thumbnail label

    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

    Action


Progress Bar

Progress Bar

Table

Table

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Other Forms

Inline Form

Sample Form

Horizontal Form

Selects

Selects

Prepended inputs

Prepended and appended inputs

@
.00

Search with button

Inputs

Inputs

Inputs with warnings

Something may have gone wrong
Please correct the error
Username is already taken
Woohoo!

Default Buttons

Buttons

Button class="" Description
btn Standard gray button with gradient
btn btn-primary Provides extra visual weight and identifies the primary action in a set of buttons
btn btn-info Used as an alternative to the default styles
btn btn-success Indicates a successful or positive action
btn btn-warning Indicates caution should be taken with this action
btn btn-danger Indicates a dangerous or potentially negative action
btn btn-inverse Alternate dark gray button, not tied to a semantic action or use
btn btn-link Deemphasize a button by making it look like a link while maintaining button behavior

Link