Milligram: ミリグラムのグリッドを制限する

作成日 2017年11月17日  ·  4コメント  ·  ソース: milligram/milligram

やあ！

バージョンv1.3.0を使用しています

ミリグラムのグリッドを（言うだけで）3だけ制限するにはどうすればよいですか？
Bootstrapでは、 <div class="col-md-4">ようなものを追加するだけで、行ごとに3つのグリッドしか表示されません。

ミリグラムで同様の結果を得るにはどうすればよいですか？

どんな助けでも大歓迎です！
ありがとうございました。

Hacktoberfest help wanted
ソース
picture alzearafat

最も参考になるコメント

@alzearafat

<div class="row wrap">
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
</div>

.row.wrap {
    flex-wrap: wrap;
}
picture ghost 2017年11月28日
👍2 🎉1

全てのコメント4件

@alzearafat

<div class="row wrap">
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
</div>

.row.wrap {
    flex-wrap: wrap;
}
ghost picture ghost 2017年11月28日
👍2 🎉1

どうもありがとう！ @lfsantana

alzearafat picture alzearafat 2017年12月29日

ねえ@ alzearafat @ lfsantanaこの.row-wrapは定義済みのクラスがあります

<div class="row row-wrap">
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
</div>

@alzearafatこれが

cjpatoilo picture cjpatoilo 2018年02月07日
👍1

ねえ@ alzearafat @ lfsantanaこの.row-wrapは定義済みのクラスがあります

<div class="row row-wrap">
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
</div>

@alzearafatこれが

これは、列33とともに、グリッドのドキュメントに含まれている必要があります。 ガイドが本当に不足しています。

MentalGear picture MentalGear 2021年02月11日
このページは役に立ちましたか？
0 / 5 - 0 評価

関連する問題

faststare picture faststare  ·  4コメント
mikeriley131 picture mikeriley131  ·  8コメント
kresogalic8 picture kresogalic8  ·  5コメント
mterron picture mterron  ·  6コメント
mukai11 picture mukai11  ·  4コメント