search

thomaspark / bootswatch

Themes for Bootstrap
https://bootswatch.com
MIT License
14.57k stars 3.67k forks source link

Missing definition for dbc.CardDeck #1103

Closed robin-mueller closed 3 years ago

robin-mueller commented 3 years ago

Hello,

I'm currently working with plotly dash and using the dash bootstrap components (dbc) package for styling and layout of my dashboard.

I've found an issue with dbc.CardDeck where the Cards in it won't align besides each other in one row, but instead are being put underneath each other in multiple rows. This doesn't work with either of the themes, but does indeed when you use the dbc.themes submodule, which effectively just contains CDN links to the theme you want from https://www.bootstrapcdn.com/bootswatch/ .

assets CardDeckNOTWorking CardDeckWorking SourceNOTWorking SourceWorking

In the pictures you can see, that when I'm using the _externalstylesheets argument to load the UNITED theme, dbc.CardDeck is working correctly, but when I'm omitting it and thus using the united-bootstrap.css file in the assets folder, it is not.

Thank you for reading.

Robin

alain01 commented 3 years ago

Hi, no card-deck in BT5 https://getbootstrap.com/docs/5.0/migration/#card

thomaspark commented 3 years ago

Yup, sounds like you're using different versions. You can grab v4 here: https://bootswatch.com/4/

robin-mueller commented 3 years ago

Thanks so much!

I copied the card deck part of the v4 theme into a seperate card-deck.css file, since I've got limited css knowledge and thus not able to recreate card decks by myself.