Maju UI

# Placement

# justify-content, align-content, place-content

  • responsive: false

# format

justify-content-{value}, align-content-{value}, place-content-{value}

  • allowed {percent} value:
    center, start, end, between, around, evenly, place-content has stretch

# Example

Column 1
Column 2 
<div class="container">
  <div class="row justify-content-center">
    <div class="col-2">
      Column 1
    </div>
    <div class="col-2">
      Column 2
    </div>
  </div>
</div>

# Example

Column 1
Column 2 
<div class="container">
  <div class="row align-content-center">
    <div class="col-2">
      Column 1
    </div>
    <div class="col-2">
      Column 2
    </div>
  </div>
</div>

# Example

Column 1
Column 2 
<div class="container">
  <div class="row place-content-center">
    <div class="col-2">
      Column 1
    </div>
    <div class="col-2">
      Column 2
    </div>
  </div>
</div>

← Order →