Theme-Logo
  • Mega
    • Popular Links
      • Form Elements
      • Buttons
      • Maps
      • Contact Cards
      • User Information
      • Lock Screen
    • Mailbox
      • Data Backup
        Store your data
      • Support
        24-hour support
      • Drop-box
        Store large amount of data in one-box only
      • Location
        Find Your Location with ease of use
    • Gallery
      Gallery-1
      Gallery-2
      Gallery-3
      Gallery-4
      Gallery-5
      Gallery-6
    • Contact Us
  • English
    • English
    • Spanish
    • Portuguese
    • French
  • 5
    • Notifications
    • Generic placeholder image
      John Doe

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
    • Generic placeholder image
      Joseph William

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
    • Generic placeholder image
      Sara Soudein

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
  • User-Profile-Image John Doe
    • Settings
    • Profile
    • My Messages
    • Lock Screen
    • Logout
Upgrade To Pro
Layout
  • Dashboard
  • Basic Components
    • Accordion
    • Breadcrumbs
    • Button
    • Box-Shadow
    • Tabs
    • Color
    • Label Badge
    • Tooltip
    • Typography
    • Panels & wells
  • Advance Components
    • Grid
    • Light Box
    • Notifications
  • Icons
    • Themify
    • Ico Fonts
Forms & Tables
  • Form Components
  • Basic Table
Chart And Maps
  • Chart
  • Maps
  • Pages
    • Login
    • Registration
    • Forgot Password
    • Lock Screen
    • Error
    • User Profile
    • Simple Search
    • Sample Page
Other
  • Menu Levels
    • Menu Level 2.1
    • Menu Level 2.2
      • Menu Level 3.1
    • Menu Level 2.3

Bootstrap Basic Tables

Lorem ipsum dolor sit amet, consectetur adipisicing elit
  • Bootstrap Table
  • Basic Table
Basic table
use class table inside table element
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Inverse table
use class table-inverse inside table element
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Hover table
use class table-hover inside table element
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Contextual classes
For Make row Contextual add Contextual class like .table-success in tr tag and For cell add Contextual class in td or th tag .
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
4 Larry the Bird @twitter
5 Larry the Bird @twitter
6 Larry the Bird @twitter
7 Larry the Bird @twitter
8 Larry the Bird @twitter
9 Larry the Bird @twitter
Background Utilities
Regular table background variants are not available with the inverse table, however, you may use text or background utilities to achieve similar styles.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
4 Larry the Bird @twitter
5 Larry the Bird @twitter
6 Larry the Bird @twitter
7 Larry the Bird @twitter
8 Larry the Bird @twitter
9 Larry the Bird @twitter
Upgrade To Pro