Try it
Javascript
Jquery
Angular
Learn Angular
Learn Javascript
Learn Bootstrap
Learn jQuery
Bootstrap Table Striped
.table table.striped
class is used to add Zebra strips in the table.
.table
class gives the basic styling of table.
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Bootstrap Table Example</title> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <table class="table table-striped"> <thead> <tr> <th>Firstname</th> <th>Lastname</th> <th>Qualification</th> </tr> </thead> <tbody> <tr> <td>John</td> <td>Morse</td> <td>MCA</td> </tr> <tr> <td>Mark</td> <td>juke</td> <td>B.TECH</td> </tr> <tr> <td>Max</td> <td>Ponting</td> <td>PHD</td> </tr> </tbody> </table> </div> </body> </html>
Output
×
Save This try
Title
Description
<ul><li><code>.table table.striped</code> class is used to add Zebra strips in the table. </li><li><code>.table</code> class gives the basic styling of table.</li></ul>