Bootstrap 2.3.2 Как правильно уменьшить ширину span'а?

Question

[mr_blond97]

Bootstrap 2.3.2 Как правильно уменьшить ширину span'а? например есть span8, я хочу что бы он был по-уже, но не на столько узкий как span7. Для примера на картинке span8 ofset2, мне нужно, чтобы зеленый div был уже чем красная надпись и синяя кнопка.

Answer 1

[Сергей Щучкин]

style="margin: 0 36px"
) не?

Answer 2

[Vit]

Напишите свой класс

Answer 3

[Вячеслав Борисенко]

Если одиночное использование, то свой класс (см. выше). А если по всему сайту, то я думаю проще перейти с 12 колонок на большее их количество глобально.

Comments

[mr_blond97]

как делается переход на большее число колонок?

[Вячеслав Борисенко]

)) Это был по-большому счету сарказм... А вообще, переписыванием bootstrap.css

[Вячеслав Борисенко]

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}

Вот пример для размышлений...

Answer 4

[Евгений Кузнецов]

Лучше начать с 3ей версии twitter bootstrap

И сгенерировать, например, 24 или 36 колончатую сетку тут getbootstrap.com/customize в разделе Grid System