Scribd Logo
Upload

Welcome to Scribd!

  • Bootstrap Tables: Jogesh K. Muppala

    Uploaded by

    aleksandarpmau
    6 views5 pages
    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".

    Original Description:

    tables

    Original Title

    _cc1270978aaf20751501c1dab20f2b65_4-Bootstrap-Tables

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    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".

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views5 pages

    Bootstrap Tables: Jogesh K. Muppala

    Uploaded by

    aleksandarpmau
    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".

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    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