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?
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.
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