Is it possible to do this in Bootstrap?

Question

HTML

Is it possible to do so? Grid 12 columns.

<div class="row">
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
</div>

Or does it have to be just like that?

<div class="row">
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
</div>
<div class="row">
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
    <div class="col-md-4 col-sm-12"></div>
</div>

Answer 1

If the blocks are the same height, there is no point in an additional wrapper. If the height is different, the mesh on the floats will float, so you have to wrap it.

Answer 2

not only possible, but also necessary, in some situations. True, I don’t see much sense - what is it, what is it - the result will be the same.