css - 具有响应值的表逻辑 bootstrap/html

Question

我认为我不太了解 Bootstrap 逻辑。列出代码后，我定义了具有 12 个单元的表格响应类。对于表中的每个单元格，我然后使用定义的大小。

所以基本的想法是得到这个:

  0
1 2 3

但是 bootstrap 返回给我这个:

_0_
_1_2 3

对于值 1，它采用值为 0 的单元格的参数。为什么会这样，即使我定义的单元格 nr.1 也只能有一个单元大小。请告诉我。谢谢。

<div class="table-responsive col-xs-12">
    <table class="table">

        <tbody>

            <tr>
                <td class="col-xs-3" style="text-align:center;">0</td>
            </tr>

            <tr>
                <td class="col-xs-1" style="text-align:center;">1</td>
                <td class="col-xs-1" style="text-align:center;">2</td>
                <td class="col-xs-1" style="text-align:center;">3</td>
            </tr>

        </tbody>

    </table>   
</div>  

Answer 1

<div class="table-responsive col-xs-12">
    <table class="table">

        <tbody>

            <tr>
                <td class="col-xs-3" colspan="3" style="text-align:center;">0</td>
            </tr>

            <tr>
                <td class="col-xs-1" style="text-align:center;">1</td>
                <td class="col-xs-1" style="text-align:center;">2</td>
                <td class="col-xs-1" style="text-align:center;">3</td>
            </tr>

        </tbody>

    </table>   
</div>