"striped table"
Bootstrap 3.2.0 Snippet by anitha

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Striped Table</h2> </div> <!DOCTYPE html> <html> <head> <title>Table</title> <!-- Bootstrap Core CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Custom Fonts --> <link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <script src="js/bootstrap.min.js"></script> </head> <body> <div class="col-sm-6"> <table class="table table-striped"> <thead> <tr> <th>Name</th> <th>Position</th> <th>Skills</th> </tr> <tbody> <tr> <td>Anitha</td> <td>HTML Developer</td> <td><label>HTML </label></label><input type="checkbox"> <label>CSS </label><input type="checkbox"><label>Javascript </label></label> <input type="checkbox"></td> </tr> <tr> <td>Muthu</td> <td>PHP Developer</td> <td><label>PHP </label></label><input type="checkbox"> <label>CSS </label><input type="checkbox"><label>Javascript </label></label> <input type="checkbox"></td> </tr> <tr> <td>Saravanan</td> <td>UI Developer</td> <td><label>Photoshop </label></label><input type="checkbox"> <label>CSS </label><input type="checkbox"><label>Javascript </label></label> <input type="checkbox"></td> </tr> </tbody> </thead> </div> </table> </body> </html> </div> </div>
.table { border:1px solid #dcdcdc; }

Related: See More

Awesome Landing Page
Bootstrap Tabs with Table
Creative Princing Table
BS4 Simple & Clean Pricing table

Questions / Comments: