bootstrap Tabs

Bootstrap Tabs and Pills

by sundaramkumar

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<!-- Reference: http://www.w3schools.com/bootstrap/bootstrap_tabs_pills.asp -->
<div class="container">
    <h3>Tabs</h3>
    <ul class="nav nav-pills" style="border-bottom:1px solid #ccc; top:0px">
        <li><a href="#" style="left:-1px;border:1px solid #ccc; border-bottom:0px">Summary</a></li>
        <li class="active"><a href="#">Details</a></li>
        <li><a href="#" style="left:-1px;border:1px solid #ccc; border-bottom:0px">Cloud Infrastructure</a></li>
    </ul>
</div>