ブートストラップ4（アルファ3）：カードの列 - カスタマイズされた列の数

Question

私はブートストラップ4（アルファ3）カードの列で使用し、列の数をカスタマイズしようとします。デフォルトの列カウントが（SMデバイスを除く）3であるとして

.card-columns { 
     @include media-breakpoint-only(lg) { 
     column-count: 4; 
     } 
     @include media-breakpoint-only(xl) { 
     column-count: 5; 
     } 
    } 

、私は追加のCSSファイルに次のコードを使用して、2列にデフォルトを削減しよう：Docsで次の例があります（ブートストラップCSSの後）：

.card-columns { 
    @include media-breakpoint-only(sm) { 
    column-count: 2; 
    } 
    @include media-breakpoint-only(md) { 
    column-count: 2; 
    } 
    @include media-breakpoint-only(lg) { 
    column-count: 2; 
    } 
    @include media-breakpoint-only(xl) { 
    column-count: 2; 
    } 
} 

しかし、残念ながら結果はまだ3列です。私は間違って何をしていますか？

ありがとうございました！

Answer 1

あなたはmedia-breakpoint-only ...

.card-columns { 
    @include media-breakpoint-only(xl) { 
    column-count: 5; 
    } 
    @include media-breakpoint-only(lg) { 
    column-count: 4; 
    } 
    @include media-breakpoint-only(md) { 
    column-count: 3; 
    } 
    @include media-breakpoint-only(sm) { 
    column-count: 2; 
    } 
} 

作業するデモを変更するためにSASSを使用することができます：SASSでhttp://codeply.com/go/nHZg5n2vuE