Bootstrap中的网格布局

Question

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

我的想法是做一个网格行有4个3宽度的列，在这之后我会devide两个第二，第三和第四列，或类似的东西..

有没有更好/更清洁以我想要的方式来设置列的样式？

在此先感谢！

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>