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>