Another option we could use to set the width of a column is the content inside the column.

If we want to use the content to set a column’s width, we append "auto" to the class of the column, for example:

<div class="col-auto">
  <p>This content determines the width of the parent column</p>
</div>

In the example above, the width of the column is determined by the text inside the <p> element.

Let’s see "auto" in action.