表を作る

class="table"

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

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

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

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

枠を付ける

class="table table-bordered"

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

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

カラムの高さを低くする

class="table table-condensed"

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

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