html - how to make bootstrap v4 card group to share same header -


i'm trying use bootstrap v4 card-group project. , want add card-header card-group.

however, .card-header class should added each of card, want know if there solution make header shared cards in same row.

i attached codepen here. eg, want have 1 shared card-header topic shown.

thanks!

i think best way create class (it not affect default bootstrap css).

.card-header-custom {   border-radius: .25rem .25rem 0 0;   padding: .75rem 1.25rem;   background-color: #f5f5f5;   border: 1px solid #e5e5e5;   border-bottom: none; } .card-header-custom + .card-group > .card {   border-top-left-radius: 0;   border-top-right-radius: 0; } 

codepen


Comments

Popular posts from this blog

matlab - error with cyclic autocorrelation function -

django - (fields.E300) Field defines a relation with model 'AbstractEmailUser' which is either not installed, or is abstract -

c# - What is a good .Net RefEdit control to use with ExcelDna? -