I have this code and I want that the view will be responsive. I know how to make it responsive with bootstrap but I have the wrap that is 4 and when I put this codeelement (wrap) away all the items are displayed underneath each other.
What can I do that the bootstrap works?
[wpv-items-found]
<!-- wpv-loop-start -->
<wpv-loop wrap="4">
[wpv-item index=1]
<div class="row ">
<div class="col-md-3 col-sm-6 col-xs-12">[wpv-post-body view_template="loop-item-in-wohnungen"]</div>
[wpv-item index=other]
<div class="col-md-3 col-sm-6 col-xs-12">[wpv-post-body view_template="loop-item-in-wohnungen"]</div>
[wpv-item index=4]
<div class="col-md-3 col-sm-6 col-xs-12">[wpv-post-body view_template="loop-item-in-wohnungen"]</div>
</div>
[wpv-item index=pad]
<div class="col-md-3 col-sm-6 col-xs-12"></div>
[wpv-item index=pad-last]
<div class="col-md-3 col-sm-6 col-xs-12"></div>
</wpv-loop>
<!-- wpv-loop-end -->
[/wpv-items-found]
[wpv-no-items-found]
[wpml-string context="wpv-views"]No items found[/wpml-string]
[/wpv-no-items-found]
[wpv-layout-end]
