diff options
| author | Mark Otto <[email protected]> | 2015-05-28 10:37:12 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-05-28 10:37:12 -0700 |
| commit | e07cebc90e979bd45a6134ff7ae2155d4ee03bc6 (patch) | |
| tree | 6561ce389c249b5c891ccd678bd04abfba00d107 | |
| parent | 6e3d4331dbfdf83e1e50495446ca2bde4fea0be3 (diff) | |
| download | bootstrap-e07cebc90e979bd45a6134ff7ae2155d4ee03bc6.tar.xz bootstrap-e07cebc90e979bd45a6134ff7ae2155d4ee03bc6.zip | |
add flexbox variation for .card-group
| -rw-r--r-- | scss/_card.scss | 20 |
1 files changed, 13 insertions, 7 deletions
diff --git a/scss/_card.scss b/scss/_card.scss index d2a8f5364..d7423f33c 100644 --- a/scss/_card.scss +++ b/scss/_card.scss @@ -4,7 +4,6 @@ .card { position: relative; - display: inline-block; padding: 1.25rem; margin-bottom: 1.25rem; border: .075rem solid #eee; @@ -180,14 +179,21 @@ // .card-group { - display: table; - width: 100%; - table-layout: fixed; + @if $enable-flex { + display: flex; + flex-flow: row wrap; + } @else { + display: table; + width: 100%; + table-layout: fixed; + } .card { - display: table-cell; - float: none; - max-width: none; + @if $enable-flex { + flex: 1 0 0; + } @else { + display: table-cell; + } + .card { margin-left: 0; |