24 Susy 列グリッドがあります。それぞれが 6 列 (行あたり 4 つ) にまたがるいくつかのボックスを作成しようとしていますが、幅が 24 列の幅の広いコンテナーを使用して、それらの周りにガターを追加したいと考えています。残念ながら、私が何をしようとしても、それを機能させることはできません。ガターに対応するために柱の幅が調整されていないようです...スージーがそうすべきだと思っていましたよね？私はこれらすべてに慣れていないので、多くの記事や投稿を読んだが、この答えを理解できないので、あなたができる助けは大歓迎です.
コードは次のとおりです。
.solutionThumbnails {
@include span(24 no-gutters);
@include container;
@include clearfix;
li {
@include span(6);
@include gutters(8px after);
background: #666;
float: left;
height: 240px;
display: block;
&:nth-child(4) {
margin-right: 0px;
}
}
}
それ以外の場合はフォーマットを無視して、コーディングを続けます:) (4番目の項目がノックダウンされていることがわかります): http://i.stack.imgur.com/5tmWp.jpg
