It has been on my mind for a while that mixing bootstrap rows and cols with personal CSS on the same element could lead to unexpected outcomes. Despite numerous attempts at searching using different phrases, I have not found a clear answer to my question. Is it considered acceptable to combine them like this?
<div class="my-padding-css-class row">
<div class="my-width-css-class col-md-6">
</div>
<div class="my-margin-css-class col-md-6">
</div>
</div>
I have experimented with various search queries, scoured through Bootstrap documentation, and browsed through Stack Overflow, but all my findings relate to mixing col and row classes, incorporating SCSS with Bootstrap, or integrating Bootstrap and an external stylesheet together. The specific issue of combining Bootstrap row or col classes with personal CSS class within the same element remains unanswered.