Scribd
Upload
7 views5 pages

Bootstrap Table Styling Guide

This document discusses how to style tables in Bootstrap. It recommends always adding the "table" class to tables for basic styling. It then describes additional classes like "table-striped" for striped rows, "table-hover" for hover effects, and "table-responsive" for responsive tables. The document also covers contextual classes for coloring individual rows or cells with statuses like "success", "info", "warning", and "danger".

Uploaded by

aleksandarpmau
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
7 views5 pages

Bootstrap Table Styling Guide

This document discusses how to style tables in Bootstrap. It recommends always adding the "table" class to tables for basic styling. It then describes additional classes like "table-striped" for striped rows, "table-hover" for hover effects, and "table-responsive" for responsive tables. The document also covers contextual classes for coloring individual rows or cells with statuses like "success", "info", "warning", and "danger".

Uploaded by

aleksandarpmau
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Bootstrap

Tables
Jogesh K. Muppala

Tables
Tables are meant to display tabular data in a web
page
Tables have been hijacked by website designers
to design and posi>on web content
Here we discuss tables as they are originally
meant to be used

Bootstrap Tables
Always start by assigning the table class to
tables:
<table class=table>
</table>

Bootstrap Tables
table-striped for zebra striped rows
table-bordered for borders to table cells
table-hover for highligh>ng rows when you hover over a
row
table-condensed for cuLng the cell padding in half
table-responsive for making the tables responsive. Can
horizontally scroll tables on screen sizes less than 768px.

Bootstrap Table Contextual Classes


Individual rows or cells can be colored using
the following classes: ac2ve, success, info,
warning and danger
<tr class=success> </tr>
<td class=danger> </td>

You might also like