Qwerty Qwerty - 4 months ago 9
CSS Question

bootstrap col is not working

I am expecting the divs to be aligned horizontally,, but they are stacked one below the other. Why is this happening.

<footer>
<div class="container">
<div class="row">
<div class="col-md-4">
<h3>5000</h3></div>
<div class="col-md-4">
<h3>5000</h3></div>
<div class="col-md-4">
<h3>5000</h3></div>
</div>
</div>
</footer>


https://jsfiddle.net/hycdvmhn/1/

Answer

What is your screen resolution?
It is working in screens with 992px or wider..

Maybe you could use col-sm-4 (768px or wider) or even col-xs-4 (no min-width) based on your needs..

Comments