Currently utilizing Bootstrap 3.3.7 and facing the challenge of organizing 17 paragraphs with varying heights into a layout with three columns (col-md-4) for large screens, two columns (col-sm-6) for medium screens, or one column (col-xs-12) for small screens. The objective is to achieve a consistent height for the columns, regardless of whether there are three or two of them. This flexible layout is essential due to the dynamic nature of the paragraph content.
I made an attempt using the following code:
<p class="col-md-4 col-sm-6 col-xs-12">...</p>
Unfortunately, this approach did not provide the desired outcome since the paragraphs have varying heights. Is there a solution within Bootstrap's capabilities to allow the paragraphs to fill the available space without leaving gaps? Alternatively, would combining Bootstrap with Sass offer a more effective way to address this issue?