Bootstrap grid system

.row bootstrap

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

Columns center bootstrap 3

<div class="row">
    <div class="col-md-2 col-md-offset-5"></div>
</div>

Source: stackoverflow.com

Bootstrap grid 2 rows

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>


<div class="row">
    <div class="col-md-4">
        <div class="well">1
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
        </div>
    </div>
    <div class="col-md-8">
        <div class="row">
            <div class="col-md-6">
                <div class="well">2</div>
            </div>
            <div class="col-md-6">
                <div class="well">3</div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="well">4</div>
            </div>
            <div class="col-md-6">
                <div class="well">5</div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-4">
        <div class="well">6</div>
    </div>
    <div class="col-md-4">
        <div class="well">7</div>
    </div>
    <div class="col-md-4">
        <div class="well">8</div>
    </div>
</div>

Source: stackoverflow.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

        <div class="col-lg-3 mb-4">

-2

Similar codes

0 vote181 views1 answer
Jquery set disabled
Html
1 vote230 views2 answers
Html video disable controls
Html
1 vote218 views1 answer
How to show a splash screen html page only once
Html
0 vote215 views1 answer
Minimum html document vs code shortcut
Html
0 vote216 views1 answer
Mostrar codificación de carácteres html
Html
0 vote223 views1 answer
Prevent from going to a function html click
Html
1 vote275 views2 answers
Cshtml foreach display
Html
-1 vote219 views1 answer
How to add site logo in wordpress
Html
0 vote219 views1 answer
Type time html returns 24 hour time change to 12 hour
Html
0 vote207 views1 answer
Remove address underlining formatting from gmail
Html