Bootstrap Carets Tutorial

Bootstrap Carets


Bootstrap .carets class to indicate drop down functionality and direction. caret will reverse automatically in drop up menus. Through this class everyone can understand this is the sign for the use of drop down. It's look like down triangle icon.

Very useful class (.carets), and it's almost use to all websites or webpages, there requirement for drop down in any navigation.


<!DOCTYPE html>
<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<!- Bootstrap css file ->
<link rel="stylesheet" href="">
<link rel="stylesheet" href="">


<div class="container">

<h1> Bootstrap Carets </h1>
<a href="#" data-toggle="tooltip" data-placement="left" class="btn btn-success"> Tooltip <span class="caret"> </span> </a>


<!- Bootstrap js file ->
<script src=""></script>
<script src=""></script>




Best WordPress Hosting


Discount Coupons

Get a .COM for just $6.98

Secure Domain for a Mini Price

Leave a Reply

    Waiting for your comments