Ankara Temizlik

Destek Hattı: 0 312 430 04 65
  • Ana Sayfa
  • Kurumsal
    • Hakkımızda
    • Vizyonumuz
    • Misyonumuz
    • Yönetim Kadromuz
    • Basında Bİz
    • Belgelerimiz
  • Hizmetlerimiz
    • Konut İşyeri Genel Temizlik
    • Fabrika Temizliği
    • Büro – Ofis Temizliği
    • Okul Temizliği
    • Otel Temizliği
    • Yurt Temizliği
    • Hastane Temizliği
    • Endüstriyel Temizlik
    • Koltuk Yıkama
    • Mermer Cilalama – Zemin Temizliği
    • Dış Cephe – Cam Temizliği
    • İnşaat Temizliği
    • Fuar Temizliği
    • Alışveriş Merkezi Temizliği
    • Personel Temini
  • Referanslarımız
  • Faaliyetlerimiz
    • Eğitimlerimiz
    • Ekipmanlarımız
    • Çalışmalarımız
  • İletişim
  • Home
  • Style – Tables
30 Haziran 2022

Style – Tables

Style – Tables

Default styles

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.

#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
<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 NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
<table>
  …
</table>

.table-bordered

Add borders and rounded corners to the table.

#First NameLast NameUsername
1MarkOtto@mdo
MarkOtto@TwBootstrap
2JacobThornton@fat
3Larry the Bird@twitter
<table>
  …
</table>

.table-hover

Enable a hover state on table rows within a <tbody>.

#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
<table>
  …
</table>

.table-condensed

Makes tables more compact by cutting cell padding in half.

#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
<table>
  …
</table>

Optional row classes

Use contextual classes to color table rows.

ClassDescription
.successIndicates a successful or positive action.
.errorIndicates a dangerous or potentially negative action.
.warningIndicates a warning that might need attention.
.infoUsed as an alternative to the default styles.
#ProductPayment TakenStatus
1TB – Monthly01/04/2012Approved
2TB – Monthly02/04/2012Declined
3TB – Monthly03/04/2012Pending
4TB – Monthly04/04/2012Call 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.

TagDescription
<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>

You must be logged in to post a comment.

Recent Posts

  • Ankara Yurt Temizliği

    Yüzlerce bireyin hayatlarını idame ettirdiği yu...
  • Ankara Endüstriyel Temizlik

    Endüstriyel temizlik: fabrika ya da üretim bina...
  • Ankara Hastane Temizliği

    Hastalıklar, mikroorganizmaların hareketli olma...
  • Ankara Otel Temizliği

    Özellikle tatil beldelerinde sıklıkla tercih ed...
  • Ankara Temizlik Firmaları

    Kadınlar, normal yaşamda alanlarının temizlikle...

Tags

Ankara'da Hastane Temizlik Ankara'da Hastane Temizliği Ankara'da temizlik şirketi Ankara Büro - Ofis Temizliği ankara dış cephe temizlik Ankara Endüstriyel Temizlik Ankara fabrika temizliği Ankara Hastane Temizliği Ankara Okul Temizliği Ankara Otel Temizlik Ankara Otel Temizliği ankara temizlik Ankara Temizlik Firmaları Ankara Temizlik gibi Ankara Temizlik Şirketleri Ankara Yurt Temizliği Ev Temizliği Ofis temizliği Zemin cilalama Üçüncü Göz Temizlik İnşaat sonrası temizlik İnşaat temizliği
  • Ana Sayfa
  • Kurumsal
    • Hakkımızda
    • Vizyonumuz
    • Misyonumuz
    • Yönetim Kadromuz
    • Basında Bİz
    • Belgelerimiz
  • Hizmetlerimiz
    • Konut İşyeri Genel Temizlik
    • Fabrika Temizliği
    • Büro – Ofis Temizliği
    • Okul Temizliği
    • Otel Temizliği
    • Yurt Temizliği
    • Hastane Temizliği
    • Endüstriyel Temizlik
    • Koltuk Yıkama
    • Mermer Cilalama – Zemin Temizliği
    • Dış Cephe – Cam Temizliği
    • İnşaat Temizliği
    • Fuar Temizliği
    • Alışveriş Merkezi Temizliği
    • Personel Temini
  • Referanslarımız
  • Faaliyetlerimiz
    • Eğitimlerimiz
    • Ekipmanlarımız
    • Çalışmalarımız
  • İletişim
  • GET SOCIAL
Ankara Temizlik

© 2015 All rights reserved. Buy Ankara Web Tasarım.

TOP