My grid system is like that:
I want to put it side by side. I'm trying to do that:
My code actually is:
<div class='row'>
<div class='col-sm-6 col-md-4'>...</div>
<div class="col-sm-6 col-md-4">...</div>
<div class="col-sm-6 col-md-4">...</div>
<div class="col-sm-6 col-md-4">...</div>
</div>
How can I do that? I'm looking in the internet (google, forum, ...), but it's hard to find. I'm trying to use only bootstrap. I don't want plugins or something like that.
In your scenario you should keep only 3 columns for grid and move 4th column content to first column.
<div class='row'>
<div class="col-sm-6 col-md-4">... [add 4th column content here]</div>
<div class="col-sm-6 col-md-4">...</div>
<div class="col-sm-6 col-md-4">...</div>
</div>
But it also depends what you want to have on smaller resolutions.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.