Bootstrap Editor use requires a larger screen resolution. Resize your browser, or use a device with a larger screen (desktop or laptop). You can preview at smaller widths (phone / tablet), but the editing capability is disabled.

Switch to render view

javascript

css

th {
 background-color:#efefef;
}
td {
 white-space:nowrap;
}

@media (min-width: 780px;) and (max-width: 1200px;) {

.table-group .table {
    margin:0px;
  }
    
  .table-group .table:first-child {
    margin-top:20px;
    margin-bottom:20px;
  }
      
  .table-group .table-bordered:first-child {
    border-right-width:0;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
  }
  
  .table-group .table:last-child {
    margin-top:20px;
  }
      
  .table-group .table-bordered:last-child {
    border-left-width:0;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
  }
  
  .table-group .table-bordered:last-child td, .table-group .table-bordered:last-child th {
    border-left-width:0;
  }
  
  .table-group .table-bordered:first-child thead:first-child tr:first-child>th:last-child, .table-group .table-bordered tbody:first-child tr:first-child>td:last-child, .table-group .table-bordered tbody:first-child tr:first-child>th:last-child {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
  }
        
  .table-group .table-bordered:last-child thead:first-child tr:first-child>th:last-child, .table-group .table-bordered tbody:first-child tr:first-child>td:last-child, .table-group .table-bordered tbody:first-child tr:first-child>th:last-child {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
  }
  
  .table-group .table:last-child {
    margin-top:20px;
  }
            
  .table-group .table:nth-child(2) {
    font-size:120%;
  }
  
  .table-group .table:nth-child(2) th, .table-group .table:nth-child(2) td {
    padding:13px;
  }

}

html

container

row

8.3%

12.5%

25%

33%

41.6%

50%

58.3%

66%

75%

83.3%

91.6%

100%

Hero

well

<form>

h1

h2

h3

h4

small

icon

table

<hr>

label

badge

[media]

"Lorem ipsum.."

Table group viewport to monitor responsiveness
1	10500 Bootstrap v2.3.1 Related snippets
table pricing options
Created by: katie

Bootply

Table group

viewport to monitor responsiveness

Bootply v1.2.1
An unofficial Bootstrap playground.

Fork on GitHub | Contact

h1

h2

h3

h4

Table group

id
style
class

Free
Option 1
Option 2
Option 3
Option 4
Sign-up Now

Basic
Fast Image Loading
Standard Sizes
30+ Sizes
Good Resolution
Sign-up Now

Premium
Fast Image Loading
Standard Sizes
100+ Sizes
High Resolution
Sign-up Now

Bootply

Table group

viewport to monitor responsiveness

Bootply v1.2.1 An unofficial Bootstrap playground.

Fork on GitHub | Contact

h1

h2

h3

h4

Starter Template

Details

Table group

Do you want to proceed?

Password Lookup

Would you like to upgrade?

$9/mo

Contact Us

Bootply v1.2.1
An unofficial Bootstrap playground.