Twitter Boostrap 3 RC1 - более 12 колонок?

Question

Я пытаюсь достичь 24-столбцовой сетки в Bootstrap RC1, я попытался изменить @ grid-столбцы на 24 в переменных.less, но он, похоже, не работает.

После того как я скомпилировать bootstrap.less, я получаю это:

.col-lg-1 { 
    width: 4.166666666666666%; 
    } 
    .col-lg-2 { 
    width: 8.333333333333332%; 
    } 
    .col-lg-3 { 
    width: 12.5%; 
    } 
    .col-lg-4 { 
    width: 16.666666666666664%; 
    } 
    .col-lg-5 { 
    width: 20.833333333333336%; 
    } 
    .col-lg-6 { 
    width: 25%; 
    } 
    .col-lg-7 { 
    width: 29.166666666666668%; 
    } 
    .col-lg-8 { 
    width: 33.33333333333333%; 
    } 
    .col-lg-9 { 
    width: 37.5%; 
    } 
    .col-lg-10 { 
    width: 41.66666666666667%; 
    } 
    .col-lg-11 { 
    width: 45.83333333333333%; 
    } 
    .col-lg-12 { 
    width: 100%; 
    } 

Так в основном столбцы 1 до 11 рассчитаны правильно, но заканчивается на колонке 12, который, кажется, жестко, чтобы быть 100%.

Я что-то не так? Поддерживает ли BS3 более 12 столбцов?

Answer 1

Вам также необходимо отредактировать grid.less, он жестко закодирован для 12 столбцов. Looping возможен в LESS, поэтому я не знаю, почему разработчики Bootstrap не используют его, но, возможно, у них есть веская причина. Вы можете открыть проблему на GitHub и посмотреть, что они должны сказать.

Answer 2

Ненавязчивая опция: http://tmaiaroto.github.io/gridline/ ... Вставьте данные и примените атрибуты данных, чтобы настроить количество столбцов на лету и ряд за строкой.