Col-md = xx bootstrap

0

My question today is this:

Can I put a larger col-md into a smaller one?

For example:

            <div class="col-md-6 ">
                <div class="col-md-12">
                    <p> Texto aqui</p>
                </div>
            </div>

My logic: The second div would occupy 100% of the first. I just want to know if I'm right.

    
asked by anonymous 09.06.2014 / 20:07

1 answer

5

Yes, but there should be another line between them:

<div class="row">
    <div class="col-md-6">
        <div class="row">
            <div class="col-md-8">.col-md-8</div>
            <div class="col-md-4">.col-md-4</div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="row">
            <div class="col-md-3">.col-md-3</div>
            <div class="col-md-9">.col-md-9</div>
        </div>
    </div>
</div>
    
09.06.2014 / 20:12