@ussebastian/kitdigital/docs/components/layout/bootstrap-grid-2.html

Kit Digital de la Universidad San Sebastián

<section class="container">
  <div class="row">
    <div class="example-container col-12">
      <div class="example-content">col-12</div>
    </div>
    <div class="example-container col-6">
      <div class="example-content">col-6</div>
    </div>
    <div class="example-container col-6">
      <div class="example-content">col-6</div>
    </div>
    <div class="example-container col-4">
      <div class="example-content">col-4</div>
    </div>
    <div class="example-container col-4">
      <div class="example-content">col-4</div>
    </div>
    <div class="example-container col-4">
      <div class="example-content">col-4</div>
    </div>
    <div class="example-container col-3">
      <div class="example-content">col-3</div>
    </div>
    <div class="example-container col-3">
      <div class="example-content">col-3</div>
    </div>
    <div class="example-container col-3">
      <div class="example-content">col-3</div>
    </div>
    <div class="example-container col-3">
      <div class="example-content">col-3</div>
    </div>
    <div class="example-container col-2">
      <div class="example-content">col-2</div>
    </div>
    <div class="example-container col-2">
      <div class="example-content">col-2</div>
    </div>
    <div class="example-container col-2">
      <div class="example-content">col-2</div>
    </div>
    <div class="example-container col-2">
      <div class="example-content">col-2</div>
    </div>
    <div class="example-container col-2">
      <div class="example-content">col-2</div>
    </div>
    <div class="example-container col-2">
      <div class="example-content">col-2</div>
    </div>
  </div>
</section>
<style>
  .example-container {
    background: var(--border);
    padding: 5px;
    margin-bottom: 10px;
  }
  .example-content {
    background: var(--background);
    padding: 15px;
    display: flex;
    justify-content: center;
  }
</style>