Positioning of columns in the bootstrap

Navigation
0

I have 3 columns, they are positioned like this: 

Dados Basicos | Endereço    
Contato

So when the responsibility is done, it stays that way 

Dados Basicos
Endereço
Contato

But it needs to be done like this: 

Dados Basicos | Contato
Endereço

Then when responsiveness is done it goes like this: 

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>
    
asked by anonymous 12.06.2015 / 21:32

1 answer

1

Try 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

    
12.06.2015 / 21:43
Best form tag Select in Php without framework with DAO project pattern Next and Prev button of datapicker does not appear