Why Does Bootstrap Grid Improperly Stack These Elements?
The third element in my grid is not breaking to the left side, instead it is breaking to the right. I believe this is because the columns are not the same height. I cannot simply a
Solution 1:
Have you tried applying a .clearfix
every 2 col-sm-6
(full 12 columns row) elements:
<div class="col-md-3 col-sm-6" style="background-color: red;">
<div class="feature-box">
<div class="feature-item"></div>
<p class="sub-title">Better Customer Relationships</p>
<p class="text">Personalized emails connect you with your customers.</p>
</div>
</div>
<div class="col-md-3 col-sm-6" style="background-color: red;">
<div class="feature-box">
<div class="feature-item"></div>
<p class="sub-title">Set it and Forget It</p>
<p class="text">Set up a Jaynote campaign once, and automatically engage with every customer.</p>
</div>
</div>
<!-- apply clearfix -->
<div class="clearfix"></div>
Post a Comment for "Why Does Bootstrap Grid Improperly Stack These Elements?"