title: Is it fine if I use Bootstrap rows as flex containers for its child divs, instead of using columns?
body: <p>I am new to web development and have been using Bootstrap v4 in my personal projects. As per the grid system mentioned on Bootstrap docs, a row houses columns inside it. I have noticed that Bootstrap row's are flex containers by default and whatever div's I put inside a row behave like flex elements. So they shrink to the content within them.</p>
  <p>But if I apply class of col to those divs inside the row, the col divs now fill up the entire row and don't shrink to the size of the content within them. Hence I sometimes prefer to use the child divs within a row without the col class. Also I can directly apply justify-content-center and align-items-center to the row div.</p>
  <p>So instead of doing,</p>
  <pre><code>&lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col&quot;&gt;A&lt;/div&gt;
      &lt;div class=&quot;col&quot;&gt;B&lt;/div&gt;
      &lt;div class=&quot;col&quot;&gt;C&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I prefer to do,</p>
  <pre><code>&lt;div class=&quot;container&quot;&gt;
      &lt;div class=&quot;row justify-content-center align-items-center&quot;&gt;
            &lt;div&gt;A&lt;/div&gt;
            &lt;div&gt;B&lt;/div&gt;
            &lt;div&gt;C&lt;/div&gt;
        &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Is it a good custom to use rows as flex containers directly or do I have to put columns within them?</p>
  <p>I find it difficult to center the content within a column since I end up turning it into a flex container anyways.</p>