列(tr)単位、カラム単位(td)で背景色を変更します。マウスオーバー効果は行単位で変わるようです。
予定表などに便利かと思います。
tr class="success" | ||||
tr class="active" | ||||
td class="warning" | td class="danger" | td class="info" | ||
td class="success" | td class="active" |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | < table class = "table table-striped table-bordered table-hover " > < tbody > < tr class = "success" > < td > tr class="success"</ td > < td > </ td > < td > </ td > < td > </ td > < td > </ td > </ tr > < tr class = "active" > < td > tr class="active"</ td > < td > </ td > < td > </ td > < td > </ td > < td > </ td > </ tr > < tr > < td class = "warning" >td class="warning"</ td > < td class = "danger" >td class="danger"</ td > < td class = "info" >td class="info"</ td > < td > </ td > < td > </ td > </ tr > < tr > < td class = "success" >td class="success"</ td > < td class = "active" >td class="active"</ td > < td > </ td > < td > </ td > < td > </ td > </ tr > </ tbody > </ table > |