Bootstrap row element must be a direct child of a column?

Can I have in Bootstrap a column containing some arbitrary element <div>

containing another arbitrary element <div>

that contains a row - or should the row be a direct child of the column?

+3


source to share


2 answers


I don't think Bootstrap has it must be

in this question.

But is it good to use a column as a child of a row



     

and you can have any where event row inside the column and it will be like a nested table row.

0


source


If you are talking about nesting rows within columns, then yes, you can insert rows into columns and rows within those columns, as well as have arbitrary content inside an element that does not have a row or column class attached.

<div class="row">
    <div class="col-sm-12">
       <div>content</div>
        <div class="row">
            <div class="col-sm-6">content</div>
            <div class="col-sm-6">content</div>
        </div>
    </div>
</div>

      



Refer to Bootstrap Documentation on Nesting Grids

-1


source







All Articles