Grid like Bootstrap for SCSS?

Question

css

Please shine a light on a 12-column grid that works like a bootstrap grid. Thank you.

Answer 1

If Bootstrap ported to SCSS ( https://github.com/twbs/bootstrap-sass) doesn't work then try gridle.org - very flexible system for any SCSS grids (including 12 columns)

Answer 2

In this template , I use my SCSS grid.
There is a demo to see the grid itself.
The grid itself here

Answer 3

I made mine to fit my needs. 12 columns, but not in floats like in bootstrap, but inline blocks.

.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 - screen width for the breakpoint (set it yourself), There may be several such media queries for several breakpoints.

Answer 4

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

Answer 5

https://github.com/corysimmons/lost