表を作る

class="table"

WEBアプリケーション系には重宝するtableです。※Themaによってボーダーが見えにくい場合があるので、↑で変更してみて下さい。

tableへclass="table"を指定します。

好きな食べ物	お刺身
好きなアーティスト	LOUDNESS
好きな女の子のタイプ	黒髪でメガネ

<table class="table">
  <tbody>
    <tr>
      <td>好きな食べ物</td>
      <td>お刺身</td>
    </tr>
    <tr>
      <td>好きなアーティスト</td>
      <td>LOUDNESS</td>
    </tr>
    <tr>
      <td>好きな女の子のタイプ</td>
      <td>黒髪でメガネ</td>
    </tr>
  </tbody>
</table>

枠を付ける

class="table table-bordered"

好きな食べ物	お刺身
好きなアーティスト	LOUDNESS
好きな女の子のタイプ	黒髪でメガネ

<table class="table table-bordered">
  <tbody>
    <tr>
      <td>好きな食べ物</td>
      <td>お刺身</td>
    </tr>
    <tr>
      <td>好きなアーティスト</td>
      <td>LOUDNESS</td>
    </tr>
    <tr>
      <td>好きな女の子のタイプ</td>
      <td>黒髪でメガネ</td>
    </tr>
  </tbody>
</table>

カラムの高さを低くする

class="table table-condensed"

好きな食べ物	お刺身
好きなアーティスト	LOUDNESS
好きな女の子のタイプ	黒髪でメガネ

<table class="table table-bordered table-condensed">
  <tbody>
    <tr>
      <td>好きな食べ物</td>
      <td>お刺身</td>
    </tr>
    <tr>
      <td>好きなアーティスト</td>
      <td>LOUDNESS</td>
    </tr>
    <tr>
      <td>好きな女の子のタイプ</td>
      <td>黒髪でメガネ</td>
    </tr>
  </tbody>
</table>