Zoeken naar:

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 @twitter 
[table]
<table>
  …
</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 @twitter 
[table type="table-striped"]
<table>
  …
</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 @twitter 
[table type="table-bordered"]
<table>
  …
</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 @twitter 
[table type="table-hover"]
<table>
  …
</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 @twitter 
[table type="table-condensed"]
<table>
  …
</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>

One thought on “Style – Tables”

  1. I have been surfing on-line more than three hours these days, yet I by no means found any interesting article like yours. It’s pretty price sufficient for me. In my view, if all web owners and bloggers made excellent content material as you did, the web will probably be much more helpful than ever before.

  2. Hi my friend! I wish to say that this post is awesome, nice written and include almost all important infos. I’d like to see more posts like this.

  3. Hey there would you mind stating which blog platform you’re using? I’m planning to start my own blog soon but I’m having a difficult time choosing between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your layout seems different then most blogs and I’m looking for something unique. P.S My apologies for being off-topic but I had to ask!

  4. You really make it seem really easy along with your presentation but I find this matter to be actually one thing that I believe I might by no means understand. It sort of feels too complicated and very vast for me. I’m having a look forward for your next post, I will try to get the cling of it!

  5. Hey! Do you use Twitter? I’d like to follow you if that would be ok. I’m absolutely enjoying your blog and look forward to new posts.

  8. Hi there, i read your blog occasionally and i own a similar one and i was just wondering if you get a lot of spam remarks? If so how do you reduce it, any plugin or anything you can advise? I get so much lately it’s driving me insane so any support is very much appreciated.

  9. Hi there! Would you mind if I share your blog with my zynga group? There’s a lot of people that I think would really appreciate your content. Please let me know. Thanks

  14. I have been exploring for a little bit for any high quality articles or blog posts in this kind of space . Exploring in Yahoo I eventually stumbled upon this website. Reading this information So i am glad to show that I’ve a very just right uncanny feeling I came upon just what I needed. I so much for sure will make sure to do not forget this web site and give it a look regularly.

  15. Hey there, You have done an excellent job. I will certainly digg it and personally recommend to my friends. I’m confident they will be benefited from this web site.

  16. Hi, Neat post. There is a problem with your site in internet explorer, would test this?K IE still is the marketplace chief and a good component of other folks will omit your magnificent writing due to this problem.

  17. You actually make it seem so easy together with your presentation but I in finding this topic to be actually one thing that I think I would by no means understand. It sort of feels too complex and extremely wide for me. I am having a look ahead on your subsequent post, I will attempt to get the cling of it!

  18. Hi, I think your site might be having browser compatibility issues. When I look at your blog site in Safari, it looks fine but when opening in Internet Explorer, it has some overlapping. I just wanted to give you a quick heads up! Other then that, superb blog!

  19. I was very pleased to find this web-site.I wanted to thanks for your time for this wonderful read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you blog post.

  20. Thanks for a marvelous posting! I quite enjoyed reading it, you will be a great author.I will be sure to bookmark your blog and will come back someday. I want to encourage you continue your great work, have a nice morning!

  21. What’s Happening i’m new to this, I stumbled upon this I’ve found It absolutely helpful and it has aided me out loads. I hope to contribute & assist other users like its helped me. Good job.

  22. But a smiling visitor here to share the love (:, btw great style. “Competition is a painful thing, but it produces great results.” by Jerry Flint.

  25. You made some decent points there. I appeared on the internet for the problem and located most people will go along with along with your website.

  28. Hello, Neat post. There’s a problem together with your site in internet explorer, may check this… IE nonetheless is the marketplace leader and a big section of other people will pass over your wonderful writing due to this problem.

  30. Hi , I do believe this is an excellent blog. I stumbled upon it on Yahoo , i will come back once again. Money and freedom is the best way to change, may you be rich and help other people.

  31. Viintage washed t-shirtsFoece fucck clipsTina cher lesbianAndrreza melili nudeFemale blpond pornsttar ryan connerAsian eggg dessertt recipeSpongebob
    in bikiuni bottomJunne cleaver pornRockettjbe porn buttFrst
    tiome forr virginsCidy craword nudre moviesMon’s boobsViseos
    off nyde cekbebitesCompliltion niice looking titsFreee sheale sex
    onn webcamSex recdord vids freeFisst templateGirrls lokin ffor diick inn nashvillePussy eating gifUnattractive teensMilff blck groupsPhotois nuxe celebrity18 k viuntage laadies rolexPidture
    askan womanNakmed russzian women thumbsBad healtth habiits oof young adultsMalayswia mle
    escrt employmentAdult recumbentTwiight adult storiesOffikce busty girlXhamste
    ganng sqiirting matureHentai lesbnian orgasmPictures off ssex oof humsn biengRussiqn mmom inn tden roim videosTeeen girls succking bigg dickWays too masturbate ass
    a guyBeazutiful bbig cocksVybbz kqrtel nudeMaarge sumpspn nakedVolksewagon +
    vintsge + postersTeen gymnast uss uniformAudtria nakedStepsiswter swollow myy cumKirale pantyhos galleryMale exteme sexy swimsuitsGangland 62 sreenshots pornoSeexy vidseos oof attycake onlineAppearancee pimpes on penisFatt asss facessitting smotherNaked
    bbbw inn bootsLorrainee bracco soppranos sexSexx wwith female odels iin amsterdamDownloadd
    moie sample sexNeew orleeans sexPictures flaccid penisFreee poorn pictyure gqllery ebonyGettiing ucked ooff vidioPublic sex
    storyA game of steip pokerAlssandra blob got
    mommyBigg hemale cumshopt tune https://xnxx2.pro Cadice
    michellee iin a bikiniCheerleaader facialsDecrease desire sexualNudde
    pjctures off romanaTeenjy tits megauploadEison nnew jerssey arult bok storeLivve nuse girls moviee scenesYoubg chubbby picturesNakrd gayy beach
    bumTeen boys sucking biig cockFeeeling contractioms iin bottomFeemale sexx toyy home partysHidden videeo camedras adultBoobs around thhe
    worldLymh glands vaagina herpesPlumpler chicks orgasmMatude whitetail buckNaturwl giant breastsErktic photo from
    scandnavian webBathroom clean but sill smmell peeFuuck usfPropesr morse code qso amteur radioDiscount virgbin flightFuuck tthe tubeFreeview porn celebsBriterby pears sexx videoExtrteam cuum poirn tubeGaay jeewish meen inn chicagoCodtume alloween librarian sexyReall
    naed piic videoTeeeny bikini model pussyAsin leabian strapo videoNuude picture oof
    nagmaGrotesquely biig dicksAdults gayy in srri lankaJamieee
    foxwoth fuckRamsteein sexBesst threesome clipsNude
    picture tigdr wife woodChhart position sexualFrree audxio sex files andd downloadsHustler oil derridk zitMoom fucking
    goodSexuasl dreamns oof othher womenFreee tgp exhibitionistFreee pordn comix coomics xxxNude lder women witth
    frecklesCount raise spermCourtnjey coxx arquette nude photoss videosRosele adult enrichment coursesAdult filmm trainingSmoking mmature galleriesPubic gaay handjobMexica milf
    fuckingFrree photos swingersGirlfeiend portn video’sBrdast cancer and hrtPaamela anderon breast nude
    pixSex offenders wi sawyerMother inn laww ucking sson wifeNeztr movies pornNorthh cazrolina forr teensHoply wjlliams sexy tvAdulpt hhotels iin orlandoMaass maturePoorn str fucking annd
    suckingDeliious cake pornFacial haiir balkd patches

  32. Uitgebreide recensie van Zumospin Casino: licentie, spelaanbod, bonussen en mobiele app voor spelers uit Nederland. Welkomstbonus tot €150 + 200 spins.

  33. I have fun with, lead to I discovered just what I was looking for. You’ve ended my four day long hunt! God Bless you man. Have a nice day. Bye

  35. Excellent post. I was checking constantly this blog and I’m inspired! Extremely useful info specifically the ultimate phase 🙂 I care for such information much. I was seeking this certain info for a very long time. Thanks and good luck.

  36. I would like to thank you for the efforts you have put in writing this site. I’m hoping the same high-grade web site post from you in the upcoming also. Actually your creative writing skills has inspired me to get my own site now. Really the blogging is spreading its wings quickly. Your write up is a good example of it.

  37. Hello, you used to write fantastic, but the last several posts have been kinda boring… I miss your great writings. Past few posts are just a bit out of track! come on!

  39. I don’t even understand how I ended up right here, but I assumed this put up was good. I do not recognize who you might be however certainly you are going to a well-known blogger in case you are not already 😉 Cheers!

  43. I got what you intend, regards for posting.Woh I am happy to find this website through google. “Since the Exodus, freedom has always spoken with a Hebrew accent.” by Heinrich Heine.

  45. Can I simply say what a aid to find somebody who actually is aware of what theyre talking about on the internet. You undoubtedly know learn how to convey a difficulty to mild and make it important. Extra people must learn this and understand this facet of the story. I cant imagine youre no more common because you positively have the gift.

  46. Wilt u een kredietaanvraag indienen, maar dat is niet zo? Voorstellen: Jij je ontvangt nauwkeurig signalen over volume, welke munt spoedig zal opstijgen V prijzen, jij koopt haar tijdens En verkoop je? met winst — Alle zonder extra pogingen! Cryptopompsignalen voor Binance — Dit jouw betrouwbaar geleider V wereld cryptogeld. Wij wij transformeren moeilijk analyse V eenvoudig oplossingen, met behulp van kracht kunstmatig intelligentie.

  47. Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point. You obviously know what youre talking about, why waste your intelligence on just posting videos to your blog when you could be giving us something informative to read?

  49. I’ve read several good stuff here. Definitely worth bookmarking for revisiting. I wonder how much effort you put to make such a wonderful informative web site.

  50. Hello my family member! I want to say that this post is awesome, nice written and come with approximately all important infos. I’d like to see extra posts like this .

  52. I got what you mean , thanks for putting up.Woh I am pleased to find this website through google. “Spare no expense to make everything as economical as possible.” by Samuel Goldwyn.

  53. Normally I don’t learn article on blogs, but I would like to say that this write-up very compelled me to try and do so! Your writing taste has been amazed me. Thanks, very nice post.

  54. Thanks for the sensible critique. Me and my neighbor were just preparing to do some research on this. We got a grab a book from our area library but I think I learned more from this post. I’m very glad to see such wonderful info being shared freely out there.

  55. I have been browsing on-line greater than 3 hours these days, but I never discovered any interesting article like yours. It¦s beautiful worth enough for me. In my opinion, if all website owners and bloggers made excellent content material as you did, the web might be a lot more useful than ever before.

  56. Zumospin Casino Nederland is een van de meest populaire online casino’s zonder CRUKS voor Nederlandse spelers in 2025. Met een royale welkomstbonus van €450 plus 250 free spins, een enorm aanbod van meer dan 5000 spellen, en snelle uitbetalingen binnen 24 uur, heeft Zumospin zich gevestigd als een van de beste alternatieven voor spelers die op zoek zijn naar een casino zonder limieten.

  57. Lees onze uitgebreide Zumospin Casino review voor Nederland! ✅ Curaçao licentie ✅ Welkomstbonus tot €450 + 250 spins ✅ 4000+ spellen ✅ Crypto stortingen!

  59. Thank you for any other excellent post. The place else could anybody get that type of information in such a perfect way of writing? I have a presentation next week, and I am on the search for such info.

  60. Pretty nice post. I just stumbled upon your weblog and wanted to say that I have really loved surfing around your blog posts. In any case I will be subscribing for your feed and I’m hoping you write again soon!

  61. What’s Taking place i’m new to this, I stumbled upon this I have found It positively useful and it has aided me out loads. I hope to give a contribution & assist different users like its helped me. Good job.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *