Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor cursus purus pulvinar blandit. Phasellus accumsan tempus condimentum. Vivamus non euismod tellus. In quis augue ac eros feugiat dictum et non elit. Nunc ac consectetur lacus. Pellentesque euismod egestas urna, a eleifend massa gravida eu. Cras mattis, augue ac ultrices pretium, felis libero ultrices neque, faucibus condimentum nunc mauris ac sapien. Nulla neque nisl, rutrum id semper a, ullamcorper eget justo. Nam et enim eu lectus molestie commodo. Aliquam consectetur nisi ut consequat iaculis.
Sed vel consectetur nisl. Proin tincidunt massa non faucibus mollis. Cras sapien lectus, pharetra quis tortor sed, varius scelerisque lectus. Ut ornare sem non mauris mollis cursus. Ut mattis nisl pretium, aliquam eros vitae, rhoncus odio. Mauris at molestie augue. Nam quam dolor, volutpat in metus placerat, vehicula feugiat felis. Ut posuere libero vitae aliquam vehicula. Duis lacinia risus a tortor tempus, eget dapibus leo egestas.
Duis pretium sit amet tortor eu imperdiet. Ut egestas in purus ut vehicula. Quisque dolor tellus, faucibus aliquam tempor eget, eleifend nec mi. Proin lacus mauris, iaculis eget orci in, consequat blandit est. Sed porta sagittis justo quis pretium. Aliquam massa sapien, sodales quis dignissim eu, congue quis nunc. Nulla cursus tempor nibh, volutpat mattis orci venenatis non. In hac habitasse platea dictumst. Suspendisse accumsan urna ut convallis hendrerit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam gravida mollis egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Use any of the available button classes to quickly create a styled button.
Fancy larger or smaller buttons? Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.
Create block level buttons—those that span the full width of a parent— by adding .btn-block.
No need to add :active as it's a pseudo-class, but if you need to force the same appearance, go ahead and add .active.
Add the .active class to <a> buttons.
Make buttons look unclickable by fading them back 50%.
Add the disabled attribute to <button> buttons.
If you add the disabled attribute to a <button>, Internet Explorer 9 and below will render text gray with a nasty text-shadow that we cannot fix.
Add the .disabled class to <a> buttons.
We use .disabled as a utility class here, similar to the common .active class, so no prefix is required.
For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>. It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we've opted to isolate our custom table styles.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | John | Doe | @john |
| 2 | Steven | Novak | @steven |
| 3 | Jane | Smith | @jane |
Use .table-striped to add zebra-striping to any table row within the <tbody>.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | John | Doe | @john |
| 2 | Steven | Novak | @steven |
| 3 | Jane | Smith | @jane |
Add .table-bordered for borders on all sides of the table and cells.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | John | Doe | @john |
| 2 | Steven | Novak | @steven |
| 3 | Jane | Smith | @jane |
Add .table-hover to enable a hover state on table rows within a <tbody>.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | John | Doe | @john |
| 2 | Steven | Novak | @steven |
| 3 | Jane | Smith | @jane |
Add .table-condensed to make tables more compact by cutting cell padding in half.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | John | Doe | @john |
| 2 | Steven | Novak | @steven |
| 3 | Jane | Smith | @jane |
Use contextual classes to color table rows or individual cells.
| # | Column heading | Column heading | Column heading |
|---|---|---|---|
| 1 | Column content | Column content | Column content |
| 3 | Column content | Column content | Column content |
| 5 | Column content | Column content | Column content |
| 7 | Column content | Column content | Column content |
Latest Comments
Read More
Read More