Questions tagged «grid-system»

我想要1个较大的图像和2个2x2格式的4个较小的图像，如下所示： 我最初的想法是将所有东西都放在一排。然后创建两列，并在第二列中创建两行和两列以创建1x1和2x2效果。 但是，这似乎是不可能的，或者我只是没有正确执行？

194 css  html  twitter-bootstrap  grid  grid-system 

我正在与Material-UI一起玩。是否有创建网格布局的任何选项（例如在Bootstrap中）？ 如果不是，添加此功能的方式是什么？ 有一个GridList组件，但我想它有一些不同的用途。

118 reactjs  material-design  material-ui  grid-system 

我正在使用SASS的SCSS语法来创建动态网格系统，但是遇到了麻烦。 我试图像这样使网格系统完全动态： $columns: 12; 然后我创建像这样的列： @mixin col-x { @for $i from 1 through $columns { .col-#{$i} { width: $column-size * $i; } } } 哪个输出： .col-1 { width: 4.16667%; } .col-2 { width: 8.33333%; } etc... 这很好用，但是我接下来要做的是根据所选的$ columns的数目动态生成一列由逗号分隔的长列类-例如，我希望它看起来像这样： .col-1, .col-2, .col-3, .col-4, etc... { float: left; } 我已经累了： @mixin col-x-list …

71 css  sass  styles  stylesheet  grid-system