Grid типа Bootstrap для SCSS?

Question

[lavezzi1]

Посветуйте пожалуйста сетку 12 колонок, работающую по типу сетки бутстрапа. Спасибо.

Answer 1

[Алекс К]

Если Bootstrap, портированный на SCSS (https://github.com/twbs/bootstrap-sass) не подходит, тогда попробуйте gridle.org - очень гибкая система для любых сеток на SCSS (включая 12-колоночные)

Answer 2

[Александр Зубарев]

В этом шаблоне - использую свою сетку на SCSS.
Есть демо, чтобы посмотреть саму сетку.
Сама сетка тут

Answer 3

[Андрей Гончаров]

я сделал свою под свои нужды. 12 колонок, но не флоатами как в бутстрапе, а инлайн-блоками.

.grid {
	position: relative;
	min-height: 1px;
	display: inline-block;
	vertical-align: top;
	margin-right: -4px;
}

@for $i from 1 through 12 {
	.grid-#{$i} {
		@extend .grid;
		width: 1 / 12 * $i * 100%;
	}
}

@media screen and (max-width: XXXpx) {
  @for $i from 1 through 12 {
	  .grid-#{$i}_XXX{
		  width: 1 / 12 * $i * 100%;
	  }
  }
}

XXX - ширина экрана для брейкпоинта (проставить самому), Может быть несколько таких медиазапросов для нескольких брейкпоинотов.

Answer 4

[Александр Таратин]

https://github.com/twbs/bootstrap/blob/v4-dev/scss...

Answer 5

[Дмитрий Христоев]

https://github.com/corysimmons/lost