Как я могу разбить первый столбец в сетке Bootstrap 2?

Question

У меня есть что-то вроде этого:

<div class="row-fluid"> 
    <div class="span1"> Nr </div> 
    <div class="span11"> Text </div> 
</div> 

Проблема заключается в том, что первый столбец занимает 8,3% от ширины строки, но я только хочу, чтобы занять 5% ширины - со всей оставшейся части из 95% используется для второй колонки.

Как бы вы разделили первый столбец, а затем добавили его оставшуюся часть во второй столбец?

Answer 1

@media(min-width: 768px) { 
    .span1.five { 
     width: 5%; 
     background: pink; 
     display: inline-block; 
     text-align: center; 
    } 
    .span1.five + div { 
     width: 92%; /* << could be refined to get closer to the page margin */ 
    } 
} 

Demo

Вы хотели бы nest a row внутри span11 элемента, чтобы разбить его дальше.

Demo 2