<table class="table"> <thread> <tr> <th>S/no.</th> <th>Name</th> <th>Details</th> <th>Contact</th> </tr> </thread> <tbody> <tr> <td>1</td> <td>DotNetFunda</td> <td>Fundamentals of .Net</td> <td>support@dotnetfunda.com</td> </tr> </tbody>
<div class="btn-group-vertical"> <button type="button" class="btn btn-primary">Home</button> <button type="button" class="btn btn-primary">Settings</button> <button type="button" class="btn btn-info">Contact us</button> <button type="button" class="btn btn-danger">Testimonials</button> </div>
<div> <div class="btn-group btn-group-lg"> <button type="button" class="btn btn-primary">Home</button> <button type="button" class="btn btn-primary">Settings</button> <button type="button" class="btn btn-info">Contact us</button> <button type="button" class="btn btn-danger">Testimonials</button> </div> </div>
<div> <button type="button" class="btn btn-success btn-block">Accept</button> <button type="button" class="btn btn-danger btn-block">Decline</button> </div>
<div> <button type="button" class="btn btn-default">Default</button> <button type="button" class="btn btn-primary">Primary</button> <button type="button" class="btn btn-warning">Warning</button> <button type="button" class="btn btn-success">Success</button> <button type="button" class="btn btn-info">Info</button> <button type="button" class="btn btn-danger">Danger</button> <button type="button" class="btn btn-link">Link Button</button> </div>
<script type="text/javascript"> $(document).ready(function () { $(".popover-pop a").popover() }); </script>
<div> <ul class="popover-pop list-inline"> <li><a href="#" class="btn btn-primary" data-toggle="popover" title="DotNetFunda" data-content="Fundamentals of .Net">DotNetFunda</a></li> </ul> </div>
<script type="text/javascript"> $(document).ready(function () { $(".popover-pop a").popover({ delay: { show : 1000 } }); }); </script>
<div> <ul class="popover-pop list-inline"> <li><a href="#" class="btn btn-success" data-toggle="popover" title="DotNetFunda" data-content="Fundamentals of .Net">DotNetFunda</a></li> </ul> </div>
<script type="text/javascript"> $(document).ready(function () { $(".menuDrop").dropdown(); }); </script>
<div class="dropdown"> <a href="#" class="btn btn-primary menuDrop">Menu<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Option1</a></li> <li><a href="#">Option2</a></li> <li class="divider"></li> <li><a href="#">Settings</a></li> </ul> </div>
<script type="text/javascript"> $(document).ready(function () { $("#ldBtn .btn").click(function () { $(this).button('loading').delay(2000).queue(function () { $(this).button('complete'); $(this).dequeue(); }); }); }); </script>
<div id="ldbtn"> <button type="button" class="btn btn-success" data-complete-text="Loading Completed">Load</button> </div>
<script type="text/javascript"> $(document).ready(function () { $("#toggleBtn .btn").click(function () { $(this).button('toggle'); }); }); </script>
<div id="toggleBtn"> <button type="button" class="btn btn-success">True</button> <button type="button" class="btn btn-danger">False</button> </div>
<div class="progress progress-striped active"> <div class="progress-bar progress-bar-info" style="width: 70%;"> Please wait... </div> </div>
<div class="panel panel-primary"> <div class="panel-heading"><p class="panel-title">DotNetFunda</p></div> <div class="panel-body">DotNetFunda is the website for those who are looking for .Net Tips and Tricks.</div> <div class="panel-footer clearfix"> <div class="pull-right"> <a href="#" class="btn btn-warning">Back</a> <a href="http://dotnetfunda.com" class="btn btn-success">DotNetFunda</a> <a href="#" class="btn btn-info">Next</a> </div> </div> </div>
<ul class="nav nav-pills"> <li class="active"><a href="#">Home</a></li> <li><a href="#">User</a></li> <li><a href="#">Settings</a></li> <li class="disabled"><a href="#">Admin</a></li> </ul>
<form> <div class="row"> <div class="col-xs-7"> <div class="input-group"> <input type="text" class="form-control" placeholder="Enter keyword to Search"> <span class="input-group-btn"> <button type="button" class="btn btn-success"><span class="glyphicon glyphicon-search"></span> Find</button> </span> </div> </div> </div> </form>
<ul class="list-group"> <li class="list-group-item">Home</li> <li class="list-group-item">Favourites</li> <li class="list-group-item">My Cloud</li> <li class="list-group-item">Network</li> <li class="list-group-item">Messages</li> <li class="list-group-item">Settings</li> </ul>
<div> <a href="#" class="btn btn-info disabled">Disabled Button</a> <a href="#" class="btn btn-info">Normal Button</a> </div>
<div class="pull-left">Text pulled to left</div> <br /><hr /> <div class="pull-right">Text pulled to right</div> <br /><hr /> <div class="text-muted">Text is Disabled.</div> <hr /> </div>
<div class="jumbotron"> <h1>Hello, Welcome to Bootstrap</h1> <h3>Bootstrap is developed by Twitter Inc. which is used to design the websites with enormous look and feel.</h3> <a href="http://getbootstrap.com/" class="btn btn-success btn-lg">Download Bootstrap</a> <a href="#" class="btn btn-warning">Learn more on Bootstrap</a> </div>
<div class="alert alert-warning"> This is a Warning Notification <a href="#" class="close" data-dismiss="alert">×</a> </div>
<div> <img src="/DotNetFunda.jpg" class="img-circle" alt="Circular" /> <img src="/DotNetFunda.jpg" class="img-rounded" alt="Rounded" /> <img src="/DotNetFunda.jpg" class="img-thumbnail" alt="Thumbnail" /> </div>