Set bootstrap-Vue col according to resolution

Asked

Viewed 9 times

0

in a code Vue I have the following b-col

<b-col class="card-image-top col-xs-12 col-sm-6 col-lg-4 col-xl-3">

The last item should be col-Xl-3 if the resolution is less than 1400px and col-Xs-4 if it is less than 1400px. How would this if checking the resolution via js?

Thanks in advance.

javascript vue.js

  • I believe that col-* refer to the bootstrap grids system, take a look at the documentation to understand how it works.... https://getbootstrap.com/docs/4.0/layout/grid/

  • That, yes Bootstrap, in that I need to at a time print one, at another print another =)

No answers

Browser other questions tagged javascript vue.js

You are not signed in. Login or sign up in order to post.