0

Hello,

I am trying the example from Bootstrap 3 for nested columns.

The problem is, the nested row is going out of the parent column.

So this code:

<div class="row" style="border: 1px solid red">
  <div class="col-md-9">
    Level 1: .col-md-9
    <div class="row" style="border: 1px solid blue">
      <div class="col-md-6">
        Level 2: .col-md-6
      </div>
      <div class="col-md-6">
        Level 2: .col-md-6
      </div>
    </div>
  </div>
</div>

The row with the blue border starts about 10px outside of the row with the red border.

Screenshot attached.
d20ec268e4f6a5a1a03172c26601f453
Why is that?

4
Contributors
3
Replies
20
Views
3 Years
Discussion Span
Last Post by veedeoo
0

it is also looking good on my side.

a22ce9712452b18e9e332c99895e2635

code used

 <div class="text-center">
    {% $paginate %}

</div>

<div class="row" style="border: 1px solid red">
<div class="col-md-9">
Level 1: .col-md-9
<div class="row" style="border: 1px solid blue">
<div class="col-md-6">
Level 2: .col-md-6
</div>
<div class="col-md-6">
Level 2: .col-md-6
</div>
</div>
</div>
</div>

</div>

{% /block %}

please ignore the smarty syntax.

Edited by veedeoo: more info added

Attachments pixel.jpg 16.36 KB
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.