CODEWITHSUNDEEP
twitter-bootstraptwitter-bootstrap-4
szamo
szamo

Reputation: 33

Bootstrap 4 - grid xs two columns

I have some problems with bootstrap 4, I would like to make 3 columns on bigger size, and 2 columns on xs.

I am not able to do this, because always on xs I have one column, what am I doing wrong? or I don't understand how the grid works?

https://jsfiddle.net/pgvdhcy4/

<div class="row"> <div class="col-md-4 col-xs-6"> 11111 </div> <div class="col-md-4 col-xs-6"> 2 </div> <div class="col-md-4 col-xs-6"> 3333 </div> <div class="col-md-4 col-xs-6"> 444 </div> <div class="col-md-4 col-xs-6"> 5555 </div> <div class="col-md-4 col-xs-6"> 666 </div> </div>

Upvotes: 3

Views: 2939

Answers (1)

Carol Skelly
Carol Skelly

Reputation: 362350

In Bootstrap 4 (alpha 6) col-xs-* is now simply col-*..

<div class="row">
        <div class="col-md-4 col-6">
            11111
        </div>
        <div class="col-md-4 col-6">
            2
        </div>
        <div class="col-md-4 col-6">
            3333
       </div>
        <div class="col-md-4 col-6">
            444
       </div>
        <div class="col-md-4 col-6">
            5555
        </div>
        <div class="col-md-4 col-6">
            666
        </div>
</div>

Demo: http://www.bootply.com/6gFNUoXGoU

Upvotes: 13

Related Questions