ブートストラップでHTMLテーブルの列を強調表示するには

Question

私はブートストラップを使用しており、一緒にグループ化された列が必要なテーブルを作成しました。私が使用できるブートストラップオプションはありますか？私はそれを行うために私自身のCSSを書くつもりですが、それを行うためのブートストラップの方法が組み込まれている場合は、むしろそうしません。

たとえば、次の表では、1つの色の背景を持つCurrentの列と、もう1つの色の背景を持つNewの列が必要です。

http://jsfiddle.net/75v7W/

<table> 
    <thead> 
     <tr> 
      <td></td> 
      <td colspan="2" style="text-align: center;">Current</td> 
      <td colspan="2" style="text-align: center;">New</td> 
     </tr> 
     <tr> 
      <th>ID</th> 
      <th>First Name</th> 
      <th>Last Name</th> 
      <th>Fisrt Name</th> 
      <th>Last Name</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>1</td> 
      <td>John</td> 
      <td>Bauer</td> 
      <td>Jack</td> 
      <td>Bauer</td> 
     </tr> 
    </tbody> 
</table> 

UPDATE：私は（ない非常にかかわらず）、私は、残念ながら、カスタムCSSをcolgroupを使用して探しています何の何かを達成した：http://jsfiddle.net/75v7W/4/

Answer 1

私が何かを達成していますcolgroupを使用して探しているもののほか、カスタムCSS（それほど多くはありません）：http://jsfiddle.net/75v7W/4/

注：以下のを使用して、bootstrap.cssのデフォルトの色から成功、エラーなどを引き出しました。 bootstrap.cssをカスタマイズした場合、これらの特定の色がうまくいかない場合があります。

CSS

colgroup col.success { 
    background-color: #dff0d8; 
} 
colgroup col.error{ 
    background-color: #f2dede; 
} 
colgroup col.warning { 
    background-color: #fcf8e3; 
} 
colgroup col.info { 
    background-color: #d9edf7; 

TABLE

<table class="table table-condensed"> 
    <colgroup> 
     <col> 
     <col span="2" class="info"> 
     <col span="2" class="success"> 
    </colgroup> 
    <thead> 
     <tr> 
      <td></td> 
      <td colspan="2" style="text-align: center;">Current</td> 
      <td colspan="2" style="text-align: center;">New</td> 
     </tr> 
     <tr> 
      <th>ID</th> 
      <th>First Name</th> 
      <th>Last Name</th> 
      <th>Fisrt Name</th> 
      <th>Last Name</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>1</td> 
      <td>John</td> 
      <td>Bauer</td> 
      <td>Jack</td> 
      <td>Bauer</td> 
     </tr> 
    </tbody> 
</table> 

Answer 2

それはブートストラップビルドでのCSSクラス使用可能性である場合は、より良いです。

列をhightlightする方法で構築あり：https://jsfiddle.net/DanielKis/wp6bt229/

HTML：

<table class="table table-condensed"> 
    <colgroup> 
    <col class="bg-success"></col> 
    <col span="2" class="bg-info"></col> 
    <col span="2" class="bg-danger"></col> 
    </colgroup> 
    <thead> 
    <tr> 
     <td></td> 
     <td colspan="2" class="text-center bg-primary">Current</td> 
     <td colspan="2" class="text-center">New</td> 
    </tr> 
    <tr> 
     <th>ID</th> 
     <th>First Name</th> 
     <th>Last Name</th> 
     <th>Fisrt Name</th> 
     <th>Last Name</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>1</td> 
     <td>Johnny</td> 
     <td>English</td> 
     <td>Bud</td> 
     <td>Spencer</td> 
    </tr> 
    </tbody> 
</table> 

あなたは

• bg-primary
• bg-success
を使用することができます
• bg-info
• bg-warning
• bg-danger

CSSのあなたの列を色付けするためのクラス、細胞等