Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

<b-media> has wrong vertical align class #4052

Jexordexan opened this issue Sep 9, 2019 · 3 comments · Fixed by #4055, mariazevedo88/hash-generator-js#4, mariazevedo88/hash-generator-js#11 or tghelere/CL#8


Copy link

Describe the bug

The b-media components "aside" slot has a default vertical align class of align-self-top which does not exist in bootstrap CSS. I believe align-self-start is what was meant.

Steps to reproduce the bug

  1. Go to
  2. It says possible values are top, center and end, with top as default.
  3. top maps to using the align-self-top class which has no styles

Expected behavior

Replace top with start in docs and code.



  • BootstrapVue: 2.0
  • Bootstrap: 4.3
  • Vue: 2.6



Copy link

Will be fixed in the 2.0.1 release.

In the meantime, you can switch to use end and start on the vertical-align prop

@jacobmllr95 jacobmllr95 changed the title BMedia has wrong vertical align class. <b-media> has wrong vertical align class. Sep 9, 2019
@jacobmllr95 jacobmllr95 changed the title <b-media> has wrong vertical align class. <b-media> has wrong vertical align class Sep 9, 2019
jacobmllr95 pushed a commit that referenced this issue Sep 9, 2019
…ixes #4052) (#4055)

* fix(b-media): fix vertical align class when top or bottom selected (fixes #4052)

* Update media-aside.js

* Update media.spec.js

* Update media-aside.spec.js
Copy link

Awesome! thanks for the quick fix 👍

Copy link

Will be available in 2.0.1 patch release....

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment