5 new Messages
Mark All Read
Paul Molive

10 min ago

I'm sorry but i'm not sure how...
Sahar Dary

13 min ago

All set ! Now, time to get to you now......
Khadija Mehr

20 min ago

Are you ready to pickup your Delivery...
Barney Cull

30 min ago

Here are some products ...
Petey Cruiser

35 min ago

I'm sorry but i'm not sure how...
VIEW ALL
7 new Notifications
Mark All Read
New Order Received
1 hour ago
22 verified registrations
2 hour ago
Project has been approved
4 hour ago
New files available
10 hour ago
New review received
1 day ago
Updates Available
2 days ago
VIEW ALL
Elizabeth Jane
Premium Member
My Profile Edit Profile Activity Logs Account Settings Sign Out

Elements

/ Popover
DEFAULT POPOVER

Documentation and examples for adding Bootstrap popovers, like those found in iOS, to any element on your site..

STATIC EXAMPLE

Popover top

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover Bottom

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover Left

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover Right

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Live EXAMPLE 
<div class="row row-sm tx-center">
	<div class="col-sm-6 col-lg-3">
		<button type="button" class="btn btn-primary" data-container="body" data-toggle="popover" data-popover-color="default" data-placement="top" title="" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover top">Click me</button>
	</div><!-- col-3 -->
    <div class="col-sm-6 col-lg-3 mg-t-30 mg-lg-t-0">
		<button type="button" class="btn btn-primary" data-container="body" data-toggle="popover" data-popover-color="default" data-placement="left" title="" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover left">Click me</button>
	</div><!-- col-3 -->
	<div class="col-sm-6 col-lg-3 mg-t-30 mg-lg-t-0">
		<button type="button" class="btn btn-primary" data-container="body" data-toggle="popover" data-popover-color="default" data-placement="right" title="" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover right">Click me</button>
	</div><!-- col-3 -->
	<div class="col-sm-6 col-lg-3 mg-t-30 mg-sm-t-0">
		<button type="button" class="btn btn-primary" data-container="body" data-toggle="popover" data-popover-color="default" data-placement="bottom" title="" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover bottom">Click me</button>
	</div><!-- col-3 -->
</div><!-- row -->
DEFAULT POPOVER

Documentation and examples for adding Bootstrap popovers, like those found in iOS, to any element on your site..

Popover top

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover Bottom

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

<div class="row row-sm tx-center">
		<div class="col-sm-6 col-lg-3">
			<button type="button" class="btn btn-primary" data-container="body" data-popover-color="head-primary" data-placement="top" title="" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover top">Click me</button>
		</div><!-- col-3 -->
		<div class="col-sm-6 col-lg-3 mg-t-30 mg-sm-t-0">
			<button type="button" class="btn btn-primary" data-container="body" data-popover-color="head-secondary" data-placement="bottom" title="" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover top">Click me</button>
		</div><!-- col-3 -->
	</div>
DEFAULT POPOVER

Documentation and examples for adding Bootstrap popovers, like those found in iOS, to any element on your site..

Popover top

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover Bottom

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

<div class="row row-sm tx-center">
	<div class="col-sm-6 col-lg-3">
		<button type="button" class="btn btn-primary" data-container="body" data-popover-color="primary" data-placement="top" title="" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover top">Click me</button>
	</div><!-- col-3 -->
	<div class="col-sm-6 col-lg-3 mg-t-30 mg-sm-t-0">
		<button type="button" class="btn btn-primary" data-container="body" data-popover-color="secondary" data-placement="bottom" title="" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover top">Click me</button>
	</div><!-- col-3 -->
</div>