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

/ Tooltip
Default Tooltip

It is very easy to customize and it uses in your website applications.

Static Example
Example 
<div class="row row-sm tx-center">
	<div class="col-sm-6 col-lg-3">
		<button class="btn btn-primary" data-placement="top" data-toggle="tooltip" title="Tooltip on top" type="button">Hover me</button>
	</div>
	<div class="col-sm-6 col-lg-3 mg-t-30 mg-sm-t-0">
		<button class="btn btn-primary" data-placement="bottom" data-toggle="tooltip" title="Tooltip on bottom" type="button">Hover me</button>
	</div>
	<div class="col-sm-6 col-lg-3 mg-t-30 mg-lg-t-0">
		<button class="btn btn-primary" data-placement="left" data-toggle="tooltip" title="Tooltip on left" type="button">Hover me</button>
	</div>
	<div class="col-sm-6 col-lg-3 mg-t-30 mg-lg-t-0">
		<button class="btn btn-primary" data-placement="right" data-toggle="tooltip" title="Tooltip on right" type="button">Hover me</button>
	</div>
</div>
Colored Tooltip

It is very easy to customize and it uses in your website applications.

Static Example
Example 
<div class="row row-sm tx-center">
	<div class="col-sm-6 col-lg-3">
		<button class="btn btn-primary" data-placement="top" data-toggle="tooltip-primary" title="Tooltip on top" type="button">Hover me</button>
	</div>
	<div class="col-sm-6 col-lg-3 mg-t-30 mg-sm-t-0">
		<button class="btn btn-primary" data-placement="bottom" data-toggle="tooltip-primary" title="Tooltip on bottom" type="button">Hover me</button>
	</div>
	<div class="col-sm-6 col-lg-3 mg-t-30 mg-lg-t-0">
		<button class="btn btn-primary" data-placement="left" data-toggle="tooltip-primary" title="Tooltip on left" type="button">Hover me</button>
	</div>
	<div class="col-sm-6 col-lg-3 mg-t-30 mg-lg-t-0">
		<button class="btn btn-primary" data-placement="right" data-toggle="tooltip-primary" title="Tooltip on right" type="button">Hover me</button>
	</div>
</div>