Какие CSS-фреймворки есть для создания сетки на сайте без привязки к ширине страницы?

Question

[WordPress WooCommerce]

До этого использовал только Bootstrap & 960gs.
Минус первого в том что идет привязка к компонентам BS и лишний вес.
BS мы использем только если сайт с нуля и нужна антихрупкость.
Но если сайт уже есть и нужно упростить его сопровождение, то пытались применять 960gs.
Все было хорошо кроме одного но - его сетка заточена под конкретную ширину экрана.
А хочется так чтобы строить колонки на всю ширину или только в половину страницы.
Кто то что то такое пробовал? Есть рекомендации?

Answer 1

[Alexander Tartmin]

Во-первых если скачать исходники BS то из less можно скомпилировать css файл без лишних компонентов
Во-вторых в том же BS версии 3 к примеру есть клас для резинового сайта
.container-fluid {}
Скорее всего Вы или не правильно юзатете оба фреймворка или я не понял Ваш вопрос, так как на мой взгляд проблем с описаными требованиями нету

Comments

[WordPress WooCommerce]

пробовал качать только сетку через конфигуратор бутстрап.
один фиг он за собой тянет обнуление css и вживлять такое в боевой сайт - зачастую приводит к ошибкам.

потому BS только если делаем сайт с нуля. но вживлять его в другой сайт, который на другой CSS-схеме живет - не рискуем.

[Alexander Tartmin]

Опять таки, если скачать исходники то с ним можно делать что угодно. Обнуление там делает вот такой css-reset: necolas.github.io/normalize.css и этот компанент отключается. Попробуйте не пользоваться конфигураторомна сайте, а компилить css у себя на машине. Вам понравится, атвичаю на пацана =))
А если серьезно, то в любой готовый проект просто подключив css файл с сеткой не стоит надеятся на то, что все магическим образом начнет работать. В любом случае нужно будет менять разметку html или менять классы. Еще есть вариант написать свою сетку, возможно этот вариант подойдет Вам больше в плане пригодности под Ваши проекты.

Answer 2

[Максим Гречушников]

susy.oddbird.net
gridle.org

google (sass | scss | less) grid

Answer 3

[Push Pull]

"А хочется так чтобы строить колонки на всю ширину или только в половину страницы."
а я вот тоже не нашел такого, чтобы полегче да попроще, и написал свое

.column-group:after {
    content: "";
    display: table;
    clear: both;
}
.column {
     float: left;
}
.w100 {
width: 100%
}
.w50{
width: 50%
}

пример использования
не железно, т.к. float нет в старых версиях ie
но жить можно

Comments

[Сергей Протько]

float нет в старых версиях ie? это ж в насколько старых то? Ладно бы вы на flexbox-ах предложили сетку...

[Евгений Петров]

@Fesor и каких только извращений не встретишь...