Сетка в 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>