D
D
Daniel2018-03-06 21:38:59
Bootstrap
Daniel, 2018-03-06 21:38:59

Bootstrap col-xs-* not working?

Why don't col-xs-6 work on phone screens, all blocks one after another,

<div class="container">
    <div class="row">
        <div class=col-xs-6 col-sm-4 col-md-3 col-lg-2 col-m">Block 1 1</div>
        <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2  col-m">Block 1 2</div>
        <div class="col-xs-6 col-sm-4 col-md-3  col-lg-2 col-m">Block 1 3</div>
        <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2  col-m">Block 1 4</div>
        <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2  col-m">Block 1 4</div>
        <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2  col-m">Block 1 4</div>
    </div>
</div>

But if you add "col-6" Block 1 1 it will work, then why do you need col-xs? Yes, even the examples from the official site bootstrap do not work

Answer the question

In order to leave comments, you need to log in

3 answer(s)
K
koanvl, 2018-03-06
@koanvl

Bootstrap 4 doesn't have col-xs-* ( Proof )

A
Arman, 2018-03-06
@Arik

col-xs-* was before version 4, from version 4 col-*

D
display: block, 2018-03-06
@qork

bootstrap4
https://v4-alpha.getbootstrap.com/layout/grid/#gri...

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question