<div class="container mt-3">
	<div class="row row-cols-1 row-cols-md-3 g-4">
		<div class="col">
			<div class="card h-100">
				<img src="://0" class="card-img-top text-center" alt="...">
				<div class="card-body">
					<h5 class="card-title">A post w/ no image.</h5>
					<p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
				</div>
			</div>
		</div>
		<div class="col">
			<div class="card h-100">
				<img src="https://picsum.photos/250/140" class="card-img-top text-center" alt="...">
				<div class="card-body">
					<h5 class="card-title">A post with image.</h5>
					<p class="card-text">This is a short card.</p>
				</div>
			</div>
		</div>
		<div class="col">
			<div class="card h-100">
				<img src="https://picsum.photos/250/140" class="card-img-top text-center" alt="...">
				<div class="card-body">
					<h5 class="card-title">A post with image.</h5>
					<p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content.</p>
				</div>
			</div>
		</div>
		<div class="col">
			<div class="card h-100">
				<img src="https://picsum.photos/250/140" class="card-img-top text-center" alt="...">
				<div class="card-body">
					<h5 class="card-title">A post with image.</h5>
					<p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
				</div>
			</div>
		</div>
	</div>
</div>
Run Pen

External CSS

  1. https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.csssss
  2. https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.1/css/all.min.css
  3. https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/3.2.45/vue.global.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js
  3. https://code.jquery.com/jquery-3.3.1.slim.min.js
  4. https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js
  5. https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.jssss
  6. https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js