Jump to content
juniormatrix

Posicionamento de divs

Recommended Posts

Olá!

 

Estou desenvolvendo um website com Bootstrap 4 e deparei-me com um problema.

 

Tenho a seguinte sequencia de div's que tem essa formação para ser exibida em dimensões maiores (computadores e notebooks):

1963141054_FORMAO1.thumb.png.d24fa67e6074fece294d1eb7f399f1f5.png

 

agora, quando for exibido em telas menores, como smartphones, gostaria que ficasse desta forma:

921224891_FORMAO2.thumb.png.5303016d8168856ee3594a36e7c2d337.png

 

Já tentei e não estou conseguindo obter o resultado desejado. Se alguém puder me ajudar, fico grato.

 

Share this post


Link to post
Share on other sites

Olá

 

Primeiramente grato pela dica.

 

Fiz desta forma e funcionou:

 

<div class="container">
    <div class="row">
        <div class="col-12 col-md-6 order-md-2">
            <div class="card card-body bg-info">B</div>
        </div>
        <div class="col-6 col-md-3 order-md-1">
            <div class="card card-body">A</div>
        </div>
        
        <div class="col-6 col-md-3 order-md-3">
            <div class="card card-body">C</div>
        </div>
        
    </div>
</div>

Se tá certo ou não, eu não sei, mas funcionou!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.