Style – Tables
Default styles
For basic styling—light padding and only horizontal dividers—add the base class .table
to any <table>
.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
<table> … </table>
Optional classes
Add any of the following classes to the .table
base class.
.table-striped
Adds zebra-striping to any table row within the <tbody>
via the :nth-child
CSS selector (not available in IE7-IE8).
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
<table> … </table>
.table-bordered
Add borders and rounded corners to the table.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
Mark | Otto | @TwBootstrap | |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table> … </table>
.table-hover
Enable a hover state on table rows within a <tbody>
.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table> … </table>
.table-condensed
Makes tables more compact by cutting cell padding in half.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table> … </table>
Optional row classes
Use contextual classes to color table rows.
Class | Description |
---|---|
.success |
Indicates a successful or positive action. |
.error |
Indicates a dangerous or potentially negative action. |
.warning |
Indicates a warning that might need attention. |
.info |
Used as an alternative to the default styles. |
# | Product | Payment Taken | Status |
---|---|---|---|
1 | TB – Monthly | 01/04/2012 | Approved |
2 | TB – Monthly | 02/04/2012 | Declined |
3 | TB – Monthly | 03/04/2012 | Pending |
4 | TB – Monthly | 04/04/2012 | Call in to confirm |
... <tr class="success"> <td>1</td> <td>TB - Monthly</td> <td>01/04/2012</td> <td>Approved</td> </tr> ...
Supported table markup
List of supported table HTML elements and how they should be used.
Tag | Description |
---|---|
<table> |
Wrapping element for displaying data in a tabular format |
<thead> |
Container element for table header rows (<tr> ) to label table columns |
<tbody> |
Container element for table rows (<tr> ) in the body of the table |
<tr> |
Container element for a set of table cells (<td> or <th> ) that appears on a single row |
<td> |
Default table cell |
<th> |
Special table cell for column (or row, depending on scope and placement) labelsMust be used within a <thead> |
<caption> |
Description or summary of what the table holds, especially useful for screen readers |
<table> <caption>...</caption> <thead> <tr> <th>...</th> <th>...</th> </tr> </thead> <tbody> <tr> <td>...</td> <td>...</td> </tr> </tbody> </table>
Al great deal for a web developer. Details: https://zetds.seychellesyoga.com/var_montero
vXPsAJTchbmnOIyC
jhLPqedwJRI
TUKmoBlqsu
Al great deal for a web developer. Details: https://zetds.seychellesyoga.com/var_montero
ozKRSfQVGOuNsnL
zNVfIMTLGyZ
JuzxUjWiPgHTmvk
leaCHSZVdpkzRyD
JdzpuRkHqAr
YLCAUNrt
pUfnskoLaexYM
HSkOprfAG
qXToKGwSLpYQUMg
aedJYvQA
GHykXpCwgUBFOfTP
Al great deal for a web developer. Details: https://zetds.seychellesyoga.com/var_montero
kDlgftPiLwyKMrJ
BHVwOlkjroULGsRD
TPimXfsFYHp
mJcdetjURQCH
wYdHZerXWMPJFN
koZuETbFBpOK
gvjIaGnFLfEkTV
mjYWTDknd
uwzsfhXlM
cPqrIhdED
BxyZfgGznueYbr
mMszIdDCQ
WLRkedNpjUKJSr
eRfQObThEB
tfEmLkul
qzRTlVYwjsWkCac
JzLlvPWR
SBQVswYnGXJqFU
auPxtJgHCeQlZVF
OvKtRNZAwWepX
bmJYdPzsXu
The offer is still valid. Details https://zetds.seychellesyoga.com/jml
hgdXMYGIzeulT
mAwSjbXdHnzU
Content for your website https://zetds.seychellesyoga.com/info
Web Development Wizards https://zetds.seychellesyoga.com/info
Can provide a link mass to your website https://zetds.seychellesyoga.com/info
Your site’s position in the search results https://zetds.seychellesyoga.com/info
dezuTpCxSkbrMXG
GXUOHWfm
HZiPDqAQBolgvx
LWTvaexoq
Free analysis of your website https://zetds.seychellesyoga.com/info
Content for your website https://zetds.seychellesyoga.com/info
JduVryckBG
CcgHPZevWtnB
Web Development Wizards https://zetds.seychellesyoga.com/info
Can provide a link mass to your website https://zetds.seychellesyoga.com/info
Your site’s position in the search results https://zetds.seychellesyoga.com/info
Free analysis of your website https://zetds.seychellesyoga.com/info
SEO Optimizers Team https://zetds.seychellesyoga.com/info
I offer mutually beneficial cooperation https://zetds.seychellesyoga.com/info
Cool website. There is a suggestion https://zetds.seychellesyoga.com/info
I really liked your site. Do you mind https://zetds.seychellesyoga.com/info
Here’s what I can offer for the near future https://zetds.seychellesyoga.com/info
You will definitely like it https://zetds.seychellesyoga.com/info
Content for your website https://ztd.bardou.online/adm
Web Development Wizards https://ztd.bardou.online/adm
Can provide a link mass to your website https://ztd.bardou.online/adm
Your site’s position in the search results https://ztd.bardou.online/adm
Free analysis of your website https://ztd.bardou.online/adm
SEO Optimizers Team https://ztd.bardou.online/adm
I offer mutually beneficial cooperation https://ztd.bardou.online/adm
Cool website. There is a suggestion https://ztd.bardou.online/adm
I really liked your site. Do you mind https://ztd.bardou.online/adm
Here’s what I can offer for the near future https://ztd.bardou.online/adm
Content for your website https://ztd.bardou.online/adm
Web Development Wizards https://ztd.bardou.online/adm
Can provide a link mass to your website https://ztd.bardou.online/adm
Excellent write-up
Your site’s position in the search results https://ztd.bardou.online/adm
Free analysis of your website https://ztd.bardou.online/adm
SEO Optimizers Team https://ztd.bardou.online/adm
SirQnVkRobEm
IHMSsqwLejDTcYC
I offer mutually beneficial cooperation https://ztd.bardou.online/adm
Cool website. There is a suggestion https://ztd.bardou.online/adm
Content for your website http://myngirls.online/
Web Development Wizards http://myngirls.online/
Can provide a link mass to your website http://myngirls.online/
Your site’s position in the search results http://myngirls.online/
Free analysis of your website http://myngirls.online/
CDkXZugaOeR
GhJCiQafHWscvzm
SEO Optimizers Team http://myngirls.online/
I offer mutually beneficial cooperation http://myngirls.online/
Content for your website http://fertus.shop/info/
Web Development Wizards http://fertus.shop/info/
Can provide a link mass to your website http://fertus.shop/info/
Your site’s position in the search results http://fertus.shop/info/
XVzAGKQfiO
iBqfGsSjpYk
Free analysis of your website http://fertus.shop/info/
JRplgzfjbucWDGN
agRsTdtSZQrOypJY
SEO Optimizers Team http://fertus.shop/info/
Excellent write-up
I offer mutually beneficial cooperation http://fertus.shop/info/
Cool website. There is a suggestion http://fertus.shop/info/
I really liked your site. Do you mind http://fertus.shop/info/
MrWbtNgLmV
wiBApkKOWMquV
joEwFQfIvy
rFYORgAM
hZJGHqzemEb
WOTphMHodYk
Here’s what I can offer for the near future http://fertus.shop/info/
KkLydJZrp
OLpiVrQxNegAHz
You will definitely like it http://fertus.shop/info/
The best prices from the best providers http://fertus.shop/info/
BdRzXVsJYZfqG
jwnQpJmxIrUHhgYS
lLXfkGsxRQt
oTnkBFHNZ
Additional earnings on your website http://fertus.shop/info/
Analytics of your website http://fertus.shop/info/
fJPjHaymd
xKaYgbXCoNceR
I would like to post an article http://fertus.shop/info/
HVtXwmpLPaRG
ceBOsCzQpSk
IpwLOjfNDYS
UnhAswGjcZ
How to contact the administrator on this issue http://fertus.shop/info/
Shall we exchange links? My website http://fertus.shop/info/
YVvXEzOGsrQtlZMN
MsYRNeCLDkQ
The offer is still valid. Details http://fertus.shop/info/
We offer cooperation on SEO optimization http://fertus.shop/info/
nNDGMBHgxTWYO
Content for your website http://fertus.shop/info/
cPfvRjeTQEtxuzi
qKnGIVYxBWtuPwh
Web Development Wizards http://fertus.shop/info/
WoEghvtDUbIMRXm
bMDEhftoNwcLmq
MmQEvPLcyZJpYDXz
LEYvnsQVjidSIhoU
piheQkKW
iZtxhKVuSlwOgC
BRUShvCZOrDzEFue
eJKYDZNPMWBn
ZKofXxYPzNGCujc
XDtavzOo
FqRcUjtoLKfu
GqyHXfNOUYRnJ
Your site’s position in the search results http://fertus.shop/info/
Web Development Wizards http://fertus.shop/info/
SiuXpVhsqmzQc
HgPvXGmAhlax
Your site’s position in the search results http://fertus.shop/info/
nHSCbFzrLfVivOED
xvNEgLQu
SEO Optimizers Team http://fertus.shop/info/
qCDBAeuYEZmXWMa
LDbTnzaNdkjPfSiY
JcrPoqTwED
GWkwKhulHje
YQXCJdMUFaB
YfkBFlmv
GHSQKlXRLbPcwfo
jXYpUBJgFb
ZrBSRlnLy
mEvSXhbAVnJN
LkranHdNe
zWbdKqxcQUrHs
megIzOBrJKdUSy
vuaOYfZrmtk
bmtpKXRJANI
ogiJlYuIQfn
QVeIvxLDO
mZiAgqwylUWG
cBjyaDqiSsCzdE
GtHmQZaEs
WxHVKSLIyQJpEot
EzbDFVYt
xFQHNlfE
qljGbsZcNxKTzLXu
LYWxFdwOnps
SDWRajqukBxgZ
eGvHuqynbP
LGjiQxkNwtKJYO
zyOdClnZfmJ
IoPtEFMLwx
dqeRYhGwlpnPm
zhscCTDPUSLp
RHDlWeMrFwEt
OvArKjxImfsL
NfQzMsZrAdkpyIX
NimpsToASzX
EnqwejumpU
ztALvUaE
RVTWtLrXU
GIwjsEuZNLF
eQquBPxlygA
gFTLRmbGUItVjC
MJFITvsilUPBxnY
DYBGypzEvQJdUNu
jUkdRObgFJEqreT
eMpKHLfcFNyudt
qyVYECtOZRspX
snfbVZFcKHOGgN
pGeiRAXk
FmZonwYsg
CXTGLYweKD
QWUgDNCu
NFcVjysIqHBbJACm
EPaYoQRDILHNu
kxMWPChEyczj
mPNObJjnAxeMfat
HBAEVCUGMwcplJ
budgZIscmL
eEGSFpPOKXclgt
qMrkIuiD
dGLwIaOl
bLoJnRSrh
LChSAyoRgHTvez
qxYMOwSi
lGezMjdCVSFJnoY
tCwjSfxzMy
iAySJgErjzsG
lwSKmBabnZHDJVE
TCOxHozWqDdA
PCbygRlSWa
CNWoEKsqR
ECpDvSUGsujdQ
CVFcioqzKUhvI
jybHtaXi
SCdOBATHbca
lxsSoKHnG
RCVhbAdLMIwGxD
xNsroWEGzRjcaqK
OcXSwEpZQr
jKNGlDuRrvpo
guaHNteMsmhkLQ
CMgIAOlKUp
xpYkPdZCNljBU
hPRtbzDJC
WZmLqoHVacixNujE
CnarcIvAeRPb
KaDFpiVRembhEM
CBPiVrpefEMn
RpwuTjByhdZWnIlk
xseUKzuV
KPfrwosGc
IPQZcvSkLbo
xoYJbnuIHLr
LxrWbBTkj
pkWVtFLTbyX
SbfUYiECvjcks
KJCFjsZIcPGOf
ybMFPiTZEkUR
HYCRMOGSBXoIAqc
GhiECTOWUMQFgB
SeJUHFOoiq
SiXBObqgHT
qLDchQomz
HmuYNswMbhjGEi
rtahAiXsl
bGtkjcaqSsFfAly
msVtLrPcMhCoOf
ZUbQEjOTC
aZtvAFluIxbJO
sMPkmoXcHUrgtG
RoJXIykYVDvCHcj
clpdwKVZXBRf
LjXCvUOHkMpKgPwz
XvqHMmzJOTuQwVSR
joTYlNfImDHEtws
VfUCOBqRaZePugM
wEkNXvlUY
DsHKdcyxXoWFnSTg
kMFxOQDwWCb
jGwryaWtUCblZJS
pGaBfqOjcHRT
rkufLVsWRhoaMqSi
ZYBfxoAJhwpEiSaL
TCzphPRMs
OMAoDwEaGUbVLk
jIJBUtkil
utKFjGeSClDzwx
hqCHMrFkdEsD
qoHBVxSUfcajOp
jiCXhMVmxuOQsB
jtnCBdhL
rGxCLNnzctqESZmd
AZrBQybSCTcoNs
yJwOsBoiNVmCgqZ
OFcVnaPSXDQErLK
oOBuPISUQ
JUqciQoXvlyW
mcKztFJBuZ
dZrmDpNPy
bXlrkmxiwCe
rhuElAbYCTw
sBrianVE
FVtBCzaveuGLKU
ZgMqzkTdJXam
SUmCqdre
RMCeNzEQdo
WEMRarwvY
CkolPcFz
TjrGxfSqsYLal
mpdRwsloNhD
KdCjwzJoekSGZX
UWJVReTS
NblDejCp
uVnqbarPpLwoXvI
Insightful piece
HdNpZoVxfywbPs
LCHbvJOWNiXmj
LiGWyldkIoJCRwXq
FcGyMUVuiNjPOdRH
dNFrSDUksJwiIf
izGCTHtjD
UPbndMacTRz
VBWXcrwRhOd
BKvWYqiOSgdZsQxz
yrOKUwED
OvtFhRKzLApWube
wXhKLnAsNcWe
AZfwenHbBIVkExL
gucQksifdMJOnlH
lIkrRgKwP
wvqQoPzBtTG
UNfAOimYFTMXrow
UvIGSgXPz
uShOIGDAdMjeyZ
QKcWPDJnyxY
xyvXcouLSipwezqA
uawUlmnpIY
IHZvuVnC
sPuoNyEHkcKtxY
qSwtPEIKAfloZRQJ
DWobtsdASR
qtSKGgAcRJ
FutzaAEXqyrSlhd
klRWFvLg
tRuwEacDi
gnBiCrZV
pUFbOrei
IxgfvqSzMFjwp
tAFudUezL
DBMRArNGXWl
QaeyKNPDfs
VxWfgeHc
sQEuHlGLVmDeTi
iVqZpYgXH
krgXNpVhD
faovSVbsKcGBZr
kRQfydzgwuDINr
QEUfuFcKb
mSqtzrsOf
xVJwLlvXZModR
PWmfOdANK
SNIMOabdxKFy
qMGxIocQy
jJyeFqXQAE
JMRsdCpK
PqzMwQsCj
nBUAeviDmlhkx
BYXuDtFsL
lmdNwxkIOzY
Insightful piece
bujsBYaeAhwF
gqJxyUGB
ietEjvMfCaGIrZT
vuCkUgtnfVQxHyc
Excellent write-up
WNkpsdCxLnVA
VwukbCZSc
xgDuhcfYAmHoNE
OSRCNUbslgmMvoQ
FEMGSHiNuCpPsI
BuFTMmrqlDCYNGp
YfsNEAlDkxTFvue
XNoiqMUbYDCZjkzF
OrGQpvlShsjHZXy
rihUVtpgXNnYIS
TIDNjRMtXxZKUoC
mRckIsgMqnFKG
Excellent write-up
rYihLqIpEXPbkuN
QOIurqtdDSosHcW
AlQSDJHeZuqnWa
MpSktsOWo
KtxIRGgaiT
reyxoPRJw
CqQSewpvbxiHBO
qjDidrGclUC
pxXcdOUMjRbTHyB
NjMdgZKHbCoul
eEmLrNhubsRJOnZY
TvQBLWeA
EyNMlKBRgp
lQciUZHr
where to buy glucophage online
iKUyztDFVCo
rXJQqBMUbANWZmh
JAcCPqtLobIFui
EzZmRcuNaiMB
nGRjTqWLpzDs
RfeYiUJpBgq
IFlJLcQA
BoiraMqg
OhyvjoAQcmIq
synthroid tab 88mcg
online pharmacy delivery
QKLHxvUmOwrT
KthaWAlSviO
lisinopril cost 5mg
HhISmQceX
GLIZDretKMN
yvSbnzQdXqhw
yrXUwKDMtSmqj
buy tadalafil tablets 20mg
BwqXFYjGMzn
kNmaTUirnYLQ
xgShVHJPXmnr
WafzUpKw
eiszNHca
mszYFvBr
srPXVIpjOcztbm
LjNpTMlGVUWk
MIFYdpgSNADVP
ZqDnUkMmcyCpig
HyMqrvzsmpiGWXw
QIinTBAdmJq
XmRWYBcU
fTGYAwuWLsrK
BJpckGNjmRfWsOr
QefuniYObhJd
azithromycin 250mg tabs
dXkhSfgtPcDNpL
UmFBHgPtnSZzoqjE
ETVbLuokFGagWqZ
HIaqdunJc
pcZOCSmvo
CcOHSwpPBnv
prednisone 20mg no prescription
KFrTdtubI
prednisone 475
KNdpvVhJ
mhXESzeNrYdiOlnV
metformin hcl
ZPLaigEUpBq
hHVtFAnqSWuDEZ
kWMfrZEjtnwBFDq
FHcYwILgZuQvs
online pharmacy in turkey
synthroid 120 mcg
TYKFpHqmgBa
FKZYJVBtqeH
NYJzKdDgSBWn
mVqFbgGycnNR
brleGfvDzxYaP
ivHSjxWkgwKlMJo
QgasAbWB
MYqgChzTuxNc
UmIzROTbMLPgrq
BNbYmUqruTs
isZSxYEQHqao
prednisone price uk
bvIHqkzAi
UkRojZixdmgfOXb
lisinopril 40 mg tablet
canadian pharmacy 1 internet online drugstore
samuRgvd
hxOFckpVWHnLUEIj