2017-12-01 19 views
1

ブートストラップ4カードのカラム数を増やすことはできますか? https://plnkr.co/edit/oIapj1imlMQ1M4vo1O5R?p=previewブートストラップ4カードのカラム数を増やす

これは、3つの列が左側にプッシュされ、残りの3つの列が右側に空であることを示しています。

.card-columns { 
    // sm 
    @media (min-width: 576px) { 
    column-count: 3; 
    } 
    // md 
    @media (min-width: 768px) { 
    column-count: 4; 
    } 
    // lg 
    @media (min-width: 992px) { 
    column-count: 5; 
    } 
    // xl 
    @media (min-width: 1200px) { 
    column-count: 6; 
    } 
} 

私が見るすべての例が正常でもSASSを使用して、列数を増加させない:私はブートストラップ-4デフォルトのスタイルの後に、このSASSを入れています。あなたがどのように知っていれば、それが可能であることを証明する素晴らしい例を投稿しますか?

答えて

0

このブートストラップソリューションはバグです。防弾対策はまだありません。 hereを読むことができます。

デフォルト値を大きくすると効果がありませんcolumn-count: value;

.cardclassdisplay: ***;width: ***;プロパティが含まれているため。このcolumn-count:の問題には、CSSというカスタムを書く必要があります。このarticleを読む必要があります。例はhereです。

私の個人的な提案は、本サイトからのこのCSSソリューションを回避しています。この助けを願っています。

関連する問題