Boostrap grid

.row bootstrap

.row{
    display: flex;
    flex-wrap: wrap;
	margin-right: -15px;
    margin-left: -15px;
}

No-gutter bootstrap 4

<div class="row no-gutters">
  <div class="col-12 col-sm-6 col-md-8">.col-12 .col-sm-6 .col-md-8</div>
  <div class="col-6 col-md-4">.col-6 .col-md-4</div>
</div>

Source: getbootstrap.com

Bootstrap grid system

<!-- Boostrap Reference -->
https://getbootstrap.com/docs/4.0/layout/grid/

<!-- W3Schools Reference -->
https://www.w3schools.com/bootstrap/bootstrap_grid_system.asp#:~:text=The%20Bootstrap%20grid%20system%20has,or%20greater%20than%201200px%20wide)

Bootstrap grid

<div class="container">
  <div class="row justify-content-start">
    <div class="col-4">
      One of two columns
    </div>
    <div class="col-4">
      One of two columns
    </div>
  </div>
  <div class="row justify-content-center">
    <div class="col-4">
      One of two columns
    </div>
    <div class="col-4">
      One of two columns
    </div>
  </div>
  <div class="row justify-content-end">
    <div class="col-4">
      One of two columns
    </div>
    <div class="col-4">
      One of two columns
    </div>
  </div>
  <div class="row justify-content-around">
    <div class="col-4">
      One of two columns
    </div>
    <div class="col-4">
      One of two columns
    </div>
  </div>
  <div class="row justify-content-between">
    <div class="col-4">
      One of two columns
    </div>
    <div class="col-4">
      One of two columns
    </div>
  </div>
</div>

Source: getbootstrap.com

Similar codes

24 votes151 views2 answers
Html keywords for search engines
Html
0 vote137 views1 answer
Display sqlite text with jinja as HTML paragraph
Html
0 vote163 views1 answer
Balise li forme valider
Html
1 vote154 views1 answer
Void javascript link
Html
0 vote145 views1 answer
Dynamic html table python
Html
0 vote164 views1 answer
Header in PDF page using DOMPDF in PHP
Html
3 votes149 views1 answer
Html class and id difference
Html
-2 votes143 views2 answers
$bodyBg: #030018; $purple: #292477; $green: #13693B; $magenta: #AD2266; $blue: #1a28b3; html { box-sizing: border-box; font-size: 100%; } *, *:before, *:after { box-sizing: inherit; } body { margin: 0;
Html
3 votes177 views1 answer
What are low level programming languages
Html
3 votes139 views2 answers
How to align elements horizontally in css
Html