6 -webkit-box-orient: vertical;
7 -webkit-box-direction: normal;
8 -ms-flex-direction: column;
9 flex-direction: column;
12 word-wrap: break-word;
13 background-color: #fff;
14 background-clip: border-box;
15 border: 1px solid rgba(0, 0, 0, 0.125);
16 border-radius: 0.25rem;
33 .card > .list-group:first-child .list-group-item:first-child {
34 border-top-left-radius: 0.25rem;
35 border-top-right-radius: 0.25rem;
38 .card > .list-group:last-child .list-group-item:last-child {
39 border-bottom-right-radius: 0.25rem;
40 border-bottom-left-radius: 0.25rem;
51 margin-top: -0.375rem;
55 .card-text:last-child {
60 text-decoration: none;
63 .card-link + .card-link {
68 padding: 0.75rem 1.25rem;
71 background-color: rgba(0, 0, 0, 0.03);
72 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
76 padding: 0.75rem 0.75rem;
78 background-color: rgba(0, 0, 0, 0.03);
79 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
82 .card-header:first-child {
83 border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
86 .card-header + .list-group .list-group-item:first-child {
91 padding: 0.75rem 0.75rem;
92 background-color: #f2f2f2;
93 border-top: 1px solid rgba(0, 0, 0, 0.125);
96 .card-footer:last-child {
97 border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
101 margin-right: -0.625rem;
102 margin-bottom: -0.75rem;
103 margin-left: -0.625rem;
108 margin-right: -0.625rem;
109 margin-left: -0.625rem;
123 border-radius: calc(0.25rem - 1px);
128 border-top-left-radius: calc(0.25rem - 1px);
129 border-top-right-radius: calc(0.25rem - 1px);
134 border-bottom-right-radius: calc(0.25rem - 1px);
135 border-bottom-left-radius: calc(0.25rem - 1px);
139 display: -webkit-box;
140 display: -ms-flexbox;
142 -webkit-box-orient: vertical;
143 -webkit-box-direction: normal;
144 -ms-flex-direction: column;
145 flex-direction: column;
152 @media (min-width: 576px) {
154 -webkit-box-orient: horizontal;
155 -webkit-box-direction: normal;
156 -ms-flex-flow: row wrap;
162 display: -webkit-box;
163 display: -ms-flexbox;
168 -webkit-box-orient: vertical;
169 -webkit-box-direction: normal;
170 -ms-flex-direction: column;
171 flex-direction: column;
179 display: -webkit-box;
180 display: -ms-flexbox;
182 -webkit-box-orient: vertical;
183 -webkit-box-direction: normal;
184 -ms-flex-direction: column;
185 flex-direction: column;
188 .card-group > .card {
192 @media (min-width: 576px) {
194 -webkit-box-orient: horizontal;
195 -webkit-box-direction: normal;
196 -ms-flex-flow: row wrap;
199 .card-group > .card {
205 .card-group > .card + .card {
209 .card-group > .card:first-child {
210 border-top-right-radius: 0;
211 border-bottom-right-radius: 0;
213 .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header {
214 border-top-right-radius: 0;
216 .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer {
217 border-bottom-right-radius: 0;
219 .card-group > .card:last-child {
220 border-top-left-radius: 0;
221 border-bottom-left-radius: 0;
223 .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header {
224 border-top-left-radius: 0;
226 .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer {
227 border-bottom-left-radius: 0;
229 .card-group > .card:only-child {
230 border-radius: 0.25rem;
232 .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header {
233 border-top-left-radius: 0.25rem;
234 border-top-right-radius: 0.25rem;
236 .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer {
237 border-bottom-right-radius: 0.25rem;
238 border-bottom-left-radius: 0.25rem;
240 .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
245 .card-columns .card {
246 margin-bottom: 0.75rem;
249 @media (min-width: 576px) {
251 -webkit-column-count: 3;
252 -moz-column-count: 3;
254 -webkit-column-gap: 1.25rem;
255 -moz-column-gap: 1.25rem;
258 .card-columns .card {
259 display: inline-block;