bootstrapでth, tdの幅、widthをいい感じに設定する方法

th tdの設定方法

1、thの項目を決めて、幅を適当にいい感じに調整する。（そのものずばりの幅ではなく割合になるっぽい）

            <thead>
            <tr>
                <th style="width: 40px"> No.</th>
                <th style="width: 200px"> AA</th>
                <th style="width: 250px"> BB</th>
                <th style="width: 300px"> CC</th>
                <th style="width: 600px"> DD</th>
                <th style="width: 200px"> EE</th>
                <th style="width: 600px"> FF</th>
                <th style="width: 250px"> GG</th>
            </tr>
            </thead>

２、Chromeの検証を使って各thの実際の幅をみてメモ。

３、その幅通りにthにwidthを設定する。

            <tbody>
                <tr>
                    <td style="width: 35px">1</td>
                    <td style="width: 98px">2017/05/06</td>
                    <td style="width: 120px">AAAA</td>
                    <td style="width: 144px">BBBB</td>
                    <td style="width: 271px">CCCC</td>
                    <td style="width: 99px">DDDD</td>
                    <td style="width: 272px">EEEE</td>
                    <td style="width: 123px">FFFF</td>
                </tr>
              </tbody>