Заказ Div в разных строках - PullRequest
Новая
       83

Заказ Div в разных строках

0 голосов
/ 09 мая 2020

В Bootstrap 3, у меня дел 6. В макете xs это будет примерно так:

Ожидаемый результат в размере мобильного экрана (xs): enter image description here

при другом размере экрана это будет вот так: Ожидаемый результат при другом размере экрана enter image description here

Я пытался использовать pull и pu sh, чтобы заказать Div, но не получил ожидаемых результатов.

Мой код выглядит так: 

<div class="container">
    <div class="row">

        <div class="col-sm-2 col-xs-6">1</div>
        <div class="col-sm-2 col-xs-6 col-sm-push-10">2</div>
        <div class="col-sm-5 col-xs-6 col-sm-pull-2">3</div>
        <div class="col-sm-5 col-xs-6 col-sm-pull-2">4</div>
        <div class="col-sm-5 col-xs-6">5</div>
        <div class="col-sm-5 col-xs-6">6</div>
    </div>
</div>

Но на выходе Divs помещается в три строки.

Благодарю за вашу помощь!

Спасибо!

1 Ответ

0 голосов
/ 09 мая 2020

попробуйте это, 

<div class="container">
    <div class="row">
        <div class="col-md-4 col-sm-4 col-xs-6">1</div>
        <div class="col-md-4 col-sm-4 col-xs-6">2</div>
        <div class="col-md-4 col-sm-4 col-xs-6">3</div>
        <div class="col-md-4 col-sm-4 col-xs-6">4</div>
        <div class="col-md-4 col-sm-4 col-xs-6">5</div>
        <div class="col-md-4 col-sm-4 col-xs-6">6</div>
    </div>
</div>
...