Beagle

UI General

In this page you'll find some of the general bootstrap elements

DropdownsThese are the default bootstrap dropdowns components

Basic dropdown

Dropdown with icons

Complex dropdown

BreadcrumbsDefault bootstrap breadcrumbs component

Default

With icon

TooltipsDefault bootstrap tooltip component

This is just an example of tooltip in a paragraph content written by Author. You can set the tooltip position easily withTooltip options.

Pagination

Square

Circle

List GroupDefault bootstrap navbar list component

26 Cras justo odio 2 Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac 3 Vestibulum at eros

Labels and BadgesExtended version of bootstrap labels & badges style

Type	Label	Badge
Default	Default	26
Primary	Primary	8
Success	Success	2
Warning	Warning	7
Danger	Danger	3

PopoversDefault bootstrap popover component style

This is just an example of popover use in a paragraph content without a title written by Author, also you can set a popover trigger on hover event like this popover.

ImagesThese are the different images classes

Progress BarsDefault bootstrap progress bar component

Simple 40%

Striped 60%

Animated 70%

Stacked

20%

25%

10%