Enes Sipahi
Temmuz 2018
P S Ç P C C P
« Tem    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

Kategoriler


Style – Tables

EnesSipahiEnesSipahi

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>

Merhana Ben S.Enes Sipahi 18 Yaşındayım. 2006 yılında ilk bilgisayarım alındığında masanın üstünde bir kağıt kaç ile karşılaştım.Bunları incelediğimde photoshop ile ilgili alıştırma kağıtları olduğunu anladım.Bu kağıtları gördüğümden bu yana yıllar geçti ve bu yıllarda tasarıma olan sevgim ve merakım her geçen gün daha çok arttı.O zamandan bu zamana kadar bir çok şey öğrenmeye çalıştım . Şuanda ise web design ,ui design , arayüz tasarımı ile zamanımı geçirmekteyim.Tasarımın yanında ise fotoğraf çekmekte benim en çok sevdiğim şeylerden birisidir.Çektiğim fotoğrafları tasarımlarımda kullanmamda beni daha özgün hala getiriyor. Ama bir süre sonra girişimciliğe merak salmamla birlikte herşey daha farklı olmaya başladı.Düşüncelerim kök den değişti.Artık tüm yeteneklerimi girişimcilik üstüne odaklıyorum.

Comments 0
There are currently no comments.