[Vuejs]-There is some problem occure in bootstrap ,I need 4 column in one row but its give me 1 column in every row

by

0👍

If I’m understanding the issue right.
You want 4 columns lined up in a row?

You need to actually write 4 separate columns, for example.

<!--Start of Row-->
<div class="row">

  <!--First Column-->
  <div class="col-sm-3">
    <card-bar :items="items"></card-bar>
  </div>

  <!--Second Column-->
  <div class="col-sm-3">
    <card-bar :items="items"></card-bar>
  </div>

  <!--Third Column-->
  <div class="col-sm-3">
    <card-bar :items="items"></card-bar>
  </div>

  <!--Fourth Column-->
  <div class="col-sm-3">
    <card-bar :items="items"></card-bar>
  </div>
</div>
<!--End of Row-->

Leave a comment