bootstrap-vue / bootstrap-vue

BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

Home Page:https://bootstrap-vue.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

.card-deck css is missing from Bootstrap Vue

caseytrombley opened this issue · comments

Describe the bug

There are no styles defined for .card-deck using Bootstrap Vue ^2.22.0

Steps to reproduce the bug

Try using the Card Group component with 'deck' as described in the Bootstrap Vue docs.
There are no css styles for this, all the cards wind up just stacking vertically and not aligning as a grid as shown in the documentation

Expected behavior

There should be css as seen in the BV docs page. You can inspect the examples on the Bootstrap Vue docs and see the .card-deck styles there.

Versions

^2.22.0

Libraries:

  • BootstrapVue: 2.#.#
  • Bootstrap: 4.#.#
  • Vue: 2.#.#

Environment:

  • Device: [e.g. Mac or iPhone X]
  • OS: [e.g. macOS Mojave or iOS 12]
  • Browser: [e.g. Chrome]
  • Version: [e.g. 70]

Demo link

If applicable, add a minimal demo link to help explain your problem. Some options for that are CodePen, CodeSandbox, JS Bin or JSFiddle.

You can also export markup from the Online Playground to CodePen, CodeSandbox or JSFiddle.

Additional context

image

Example from Bootstrap Vue docs:
image

commented

The card-deck class is a Bootstrap class. Not something specific to BootstrapVue.
So you're likely using the wrong version of Bootstrap in your project.

Nope, you're assuming the wrong thing. I definitely have the right bootstrap version in the project. Everything else works as expected. Please don't blow this off and close the issue without investigating