Bootstrap中的网格布局

Question

我有一个网页，我想在其中添加一个表格。 该表包含6列，其中第一列比其他列宽约2.5倍。

我的想法是制作一个有4个3宽度列的网格行，之后我会将第二，第三和第四列分成两个，或类似的东西......

是否有更好/更清洁的方式按照我想要的方式设置列的样式？

提前致谢！

Answer 1

使用网格和一些自定义样式。

<div class="col-sm-4"></div>
<div class="col-sm-8">
    <div class="one-fifth"></div>
    <div class="one-fifth"></div>
    <div class="one-fifth"></div>
    <div class="one-fifth"></div>
    <div class="one-fifth"></div>
</div>
<style>
    .one-fifth
    {
        width: 20%;
        position: relative;
        padding: 0 15px;
    }

    @media (max-width:767px)
    {
        .one-fifth
        {
            width: 100%;
        }
    }
</style>