Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 16 Next » 

<div class="mb-4 justify-content-center">
<p><a href="#">
<img src="https://www.cgc.edu/themes/custom/cgc/images/logo.svg" width="250" alt="Chandler-Gilbert Community College" loading="lazy">
</a></p>
<p class="mb-0 d-flex justify-content-center"><a href="#">Download Logo</a></p>
</div>

Create a Grid Layout

To create a grid, use the below code snippet. Add or remove as many columns as needed. Use flexbox alignment utilities to vertically and horizontally align columns. Below is an example of a three column grid layout.

<div class="container">
  <div class="row justify-content-center">
    <div class="col-md-3 mx-3"><!-- column 1 --></div>
    <div class="col-md-3 mx-3"><!-- column 2 --></div>
    <div class="col-md-3 mx-3"><!-- column 3 --></div>
  </div>
</div>

For more information on Flexbox Utilities or creating Grid Layouts, please visit the Bootstrap 5 website for further documentation.

  • No labels