Is it advisable to use IDs in bootstrap .col elements nested within a .row? I recall reading that columns should only be directly under a .row. For instance:
<div class="container">
<div class="row">
<div id="style1" class="col-12">
</div>
<div id="style2" class="col-12">
</div>
</div>
</div>
Alternatively, should I create separate div tags like this?
<div class="container">
<div class="row">
<div class="col-12">
<div id="style1">
</div>
</div>
<div class="col-12">
<div id="style2">
</div>
</div>
</div>
</div>