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

Kit Digital de la Universidad San Sebastián

<section class="container">
  <div class="w-100">
    <div class="example-block col-1">col-1</div>
    <div class="example-block col-2">col-2</div>
    <div class="example-block col-3">col-3</div>
    <div class="example-block col-4">col-4</div>
    <div class="example-block col-5">col-5</div>
    <div class="example-block col-6">col-6</div>
    <div class="example-block col-7">col-7</div>
    <div class="example-block col-8">col-8</div>
    <div class="example-block col-9">col-9</div>
    <div class="example-block col-10">col-10</div>
    <div class="example-block col-11">col-11</div>
    <div class="example-block col-12">col-12</div>
  </div>
</section>
<style>
  .example-block {
    background: var(--background-2);
    padding: 15px;
    margin: 4px;
    height: 40px;
    white-space: nowrap;
  }
</style>