Positioning of speakers in bootstrap

Question

Positioning of speakers in bootstrap

Asked 9 years, 6 months ago

Viewed 846 times

0

I have 3 columns, they are positioned like this:

Dados Basicos | Endereço    
Contato

So when the responsibility is done he gets like this

Dados Basicos
Endereço
Contato

But I need it done this way:

Dados Basicos | Contato
Endereço

So when the responsiveness is done, it stays that way:

Dados Basicos
Endereço
Contato

        <div class="col-xs-12 col-md-6">
            <div class="panel panel-default">
                <div class="panel-body">
                    Dados Basicos
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-md-6">
            <div class="panel panel-default">
                <div class="panel-body">
                    Endereço
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-md-6">
            <div class="panel panel-default">
                <div class="panel-body">
                    Contatos
                </div>
            </div>
        </div>

Post all your HTML there to make a test, but I believe that it was enough to change the order, put "contacts" in the place of address and vicexvesa and would already work... I think, so I need the full html and css

– Paulo Roberto

2015/06/12 at 19:39
if I do this, when doing the responsiveness the Contacts panel would be before Address, but I want the order to be Basic Data > Address > Contacts

– Henrique Abreu

2015/06/12 at 20:20

1 answer

Browser other questions tagged css twitter-bootstrap panel

You are not signed in. Login or sign up in order to post.

by Jefferson Alison • **3,804** points · Answer 1 · 2015-06-12T19:43:34+00:00

Try it like this:

<div class="col-xs-12 col-md-6">
    <div class="row">
        <div class="col-xs-12">
            <div class="panel panel-default">
                <div class="panel-body">
                    Dados Basicos
                </div>
            </div>
        </div>
        <div class="col-xs-12">
             <div class="panel panel-default">
                 <div class="panel-body">
                     Endereço
                 </div>
             </div>
        </div>
    </div>
</div>
<div class="col-xs-12 col-md-6">
    <div class="panel panel-default">
        <div class="panel-body">
            Contatos
        </div>
    </div>
</div>

EXAMPLE Jsfiddle