bootstrap3でtableをいい感じにレイアウトしたいのです - 鈍足ランナーのＩＴ日記最近、フロントエンドの話題ばかりとなっている@dokechinです。 みなさんいかがお過ごしでしょうか。 テーブルの列の横幅比率を一定にレスポンシィブにレイアウトしたい。 どうするんだろう。どうするんだろうと悩み。悩んだ。 こうすればいいんじゃないと思いやってみた結果。 bootstrap3だと、12列レイアウトなので最大12列までの対応となって しまいますが、col-ほげほげ-数字をそのまま利用しちゃって こんな感じで書くといいかもとおもった。 合計が12になるように数値を調整するといい感じ。 <div class="container"> <table class="table"> <tr> <td class="col-xs-2 col-sm-2 col-md-2">hage</td> <td class="col-xs-4 col-sm-4 col-md-4">hoge</td>
