Tutorial by Examples

Bootstrap defines a custom styling for table using the .table class. Just add the .table class to any <table> to see horizontal dividers and padding: <table class="table"> <thead><tr><th>First Name</th><th>Last name</th></tr></th...

Bootstrap provides a couple of classes for advanced table styling. Striped rows You will have a table with striped rows, if you add .table-striped class: <table class="table table-striped"> <thead><tr><th>First Name</th><th>Last name</th><...

You have to wrap any .table in html container with .table-responsive class to create responsive tables: <div class="table-responsive"> <table class="table"> <thead><tr><th>First Name</th><th>Last name</th></tr></th...

Getting a table with vertical headers. Twitter bootstrap now support vertical header on a well formatted normal table. To achieve this just use .table-reflow class Use twitter bootstrap .table-reflow class on a well formed table to achieve a table with vertical headers. Additionally you can combin...