I want to make a row with 4 columns. When the user uses a tablet the row will have 2 columns and the remaining 2 will jump under the row.
Then when the user uses mobile the row will have 1 column and the other columns will jump under each other.
Can you help me with this? I've tried this:
<div class="col-md-3 col-sm-6 col-xs-12">
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
</div>