0

次のマークアップがあるとします。

<body>
  <article>
    <div class="foo">Foo</div>
    <div class="bar">Bar</div>
  </article>
</body>

のbody固定幅は次の910pxとおりです。

body { @include container(910px); }

にbodyはarticle、2 つのネストされたdivs(.fooおよび.bar) で構成される要素があります。

この時点で、必要に応じて、.fooそれぞれ.bar6 つの列を使用します。これは、次のようにして簡単に実行できます。

article {
  @include container

  .foo { @include span(6 of 12) }
  .bar { @include span(6 of 12) }
}

bodyto@include containerとそれに続く要素 ( article) に別の要素が@include container直接含まれていても問題ありませんか?

Twitter Bootstrap では、acolは常に a の後に続く必要がありますrow。しかし、これは Bootstrap ではありません。スージーです。

Susy で、arowと aの同じ概念は何colですか? それとも@include span基本的に両方を行いますか？

4

1 に答える 1