Zurb電子メールテンプレートの列幅が均等に分割されています

Question

私はinky（電子メールテンプレート言語）とSassを使ってZurbを使用しています。 their guideに続いて、私は達成しようとしている非常に単純な列設定を持っています。問題は、それらのすべてに適用されたsmall="12"であっても、間隔を均等に取ることだけです。

<container> 
    <row> 
    <columns small="12"> test column 1 </columns> 
    <columns small="12"> test column 2 </columns> 
    <columns small="12"> test column 3 </columns> 
    </row> 
</container> 

Answer 1

あなたは正しい考えを持っているが、残念ながら列と行は、あなたが考えているかなりのように動作しません - あなただけでがが12の以上の列を持つことはできません。合計幅を12より大きくすると、行は自動的に列の合計を12にスケールします。small="12"で3つの列を持つことは、small="4"という3つの列を持つことと変わりありません。

あなたが探しているものを達成するために、あなたは、単に代わりに3 行を追加する必要があります。

<container> 
    <row> 
    <columns small="12">test column 1</columns> 
    </row> 
    <row> 
    <columns small="12">test column 2</columns> 
    </row> 
    <row> 
    <columns small="12">test column 3</columns> 
    </row> 
</container> 

は、この情報がお役に立てば幸い！ :)