uAdmin - Professional, Responsive and Flat Admin Template

UI Elements

Buttons You can have all kinds of buttons with different colors and sizes like shown on the following examples

Simple Buttons

`.btn` `.btn-default`
`.btn` `.btn-primary`
`.btn` `.btn-success`
`.btn` `.btn-danger`
`.btn` `.btn-warning`
`.btn` `.btn-info`
`.btn` `.btn-inverse`
`.btn` `.btn-link`
`.btn` `.disabled`	Link

Sizes

`.btn` `.btn-xs` `.btn-default`
`.btn` `.btn-sm` `.btn-default`
`.btn` `.btn-lg` `.btn-default`
`.btn` `.btn-xs` `.btn-success`
`.btn` `.btn-sm` `.btn-success`
`.btn` `.btn-lg` `.btn-success`

Buttons Group and Dropdowns

Use buttons inside a div with .btn-group class to create a group

Add the extra .btn-group-vertical class for a vertical group

Use any button within a .btn-group and the proper dropdown menu markup to trigger it.

Combine sets of divs with .btn-group classes inside a div with .btn-toolbar class to create a toolbar! Remember that you can use any icon, color or size you want!

Navs Navs are created with `<ul>` lists. Just add the right class and the list will be formatted accordingly!

.nav .nav-tabs

.nav .nav-pills

.nav .nav-pills .nav-stacked

Navbar

Breadcrumbs A `<ol>` list with the class `.breadcrumb` becomes a breadcrumb

Pagination Just a `<ul>` with `.pagination` class

Standard Pagination

Active and disabled states

Add an extra class for different sizes .pagination-lg .pagination-sm

Wrap it in a div element and add the class .text-center or .text-right to align it!

Pager for simple pagination. A <ul> with .pager class

Tabs

Aligned left

Home Content!

Profile Content!

Messages Content!

Aligned Right

Home Content!

Profile Content!

Messages Content!

Accordion

Collapsible Group Item #1

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Collapsible Group Item #2

Collapsible Group Item #3

Success! The task was completed!

Info! This is a message just to let you know!

Error! Ohh, no.. The system failed us!

Warning! Be careful, a lot can happen with these options!

Default style

30%

45%

60%

75%

Mini

With Stripes

Animated stripes (on modern browsers)

Stacked Bars

15%

20%

25%

40%

15%

20%

25%

40%

15%

20%

25%

40%

Gifs

`.loader-01`		`.loader-07`
`.loader-02`		`.loader-08`
`.loader-03`		`.loader-09`
`.loader-04`		`.loader-10`
`.loader-05`		`.loader-11`
`.loader-06`		`.loader-12`

FontAwesome `.fa-spin` to any icon!

`.fa` `.fa-spin` `.fa-asterisk`
`.fa` `.fa-spin` `.fa-spinner`
`.fa` `.fa-spin` `.fa-spinner` `.fa-2x`
`.fa` `.fa-spin` `.fa-spinner` `.fa-4x`

Popovers

Tooltips

Tooltip
Tooltip Top
Tooltip Right
Tooltip Bottom
Tooltip Left