?? ? ????? ?

??:
?? ?? ?? ?? ?? ?? ????? ??? ?? ?, ?? ??? ????? ???? ???? ?? ???.

???:

????? 3:

1. ?? .row div? ???? ??? ?????. ??? ??.
2. ??? ? ?? div ?? ?????. (
   )? ???? ? ?? ?? ????.
3. ? ? ? ?? ? ?? ?? .row? ????.
4. ?? ? ?? ?? ? div(
   )? ?????( s) ??? ?? ?? ??? ????.

????? 4:

1. ?? .container ?? .container-fluid div? ???? ??? ??? ?????.
2. ?? .row div? ?????.
3. ?? ? ??? div ?(
   )? ???? ? ?? ?? ????. ?.
4. ?? ? div(
   )?? .w-100 ???? ???? ? ? ? ?? ? ?? ?? .row? ???? ?? ??? ?? ??? ???.
5. ??? ?? ?? ? ?? ?? ? div(
   )? ???? ??? ??? ????. space.

?? ??:

????? 3:

<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><p><strong>????? 4: </strong></p>
<pre class="brush:php;toolbar:false"><div class="container">
  <div class="row">
    <div class="col">
      <div class="well">1
        <br>
        <br>
        <br>
        <br>
        <br>
      </div>
    </div>
    <div class="row w-100">
      <div class="col">
        <div class="well">2</div>
      </div>
      <div class="col">
        <div class="well">3</div>
      </div>
    </div>
    <div class="row w-100">
      <div class="col">
        <div class="well">4</div>
      </div>
      <div class="col">
        <div class="well">5</div>
      </div>
    </div>
  </div>
</div>

? ??? Bootstrap 3 ? Bootstrap 4?? ?? ? ?? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!