bootstrap col-md-4 and col-xs-6 not compatible

Question

I have 3 columns for medium screens (col-md-4). and I use also col-xs-6 to have 2 columns for mobile devices

SAMPLE CODE

<div class="container">
    <div class="row">
        <div class="col-md-4 col-xs-6">CONTENT</div>
        <div class="col-md-4 col-xs-6">CONTENT</div>
        <div class="col-md-4 col-xs-6">CONTENT</div>
    </div>
    <div class="row">
        <div class="col-md-4 col-xs-6">CONTENT</div>
        <div class="col-md-4 col-xs-6">CONTENT</div>
        <div class="col-md-4 col-xs-6">CONTENT</div>
    </div>
</div>

the problem is the out put in mobile.

OUTPUT - col-md-4 and col-xs-6

[col-xs-6] [col-xs-6]

[col-xs-6]

[col-xs-6] [col-xs-6]

[col-xs-6]

DESIRED OUTPUT

[col-xs-6] [col-xs-6]

[col-xs-6][col-xs-6]

is there a way to fix that.

thanks

sample work

Link

Possible duplicate of [\`col-xs-\*\` not working in Bootstrap 4](https://stackoverflow.com/questions/41794746/col-xs-not-working-in-bootstrap-4) — tao, Mar 12 '19 at 21:50

score 3 · Accepted Answer · edited Aug 11 '16 at 08:37

 <div class="container">
        <div class="row">
            <div class="col-md-4 col-xs-6">CONTENT</div>
            <div class="col-md-4 col-xs-6">CONTENT</div>
            <div class="col-md-4 col-xs-6">CONTENT</div>    
            <div class="col-md-4 col-xs-6">CONTENT</div>
            <div class="col-md-4 col-xs-6">CONTENT</div>
            <div class="col-md-4 col-xs-6">CONTENT</div>
        </div>
 </div>

score 1 · Answer 2 · answered Mar 30 '19 at 22:52

in bootstrap 4 and above you can use:

<div class="container">
        <div class="row">
            <div class="col-md-4 col-6">CONTENT</div>
            <div class="col-md-4 col-6">CONTENT</div>
            <div class="col-md-4 col-6">CONTENT</div>    
            <div class="col-md-4 col-6">CONTENT</div>
            <div class="col-md-4 col-6">CONTENT</div>
            <div class="col-md-4 col-6">CONTENT</div>
        </div>
 </div>

bootstrap col-md-4 and col-xs-6 not compatible

2 Answers2