How to make such a structure in blocks?

W

WQP2016-06-21 22:19:34

css

WQP, 2016-06-21 22:19:34

How to make such a structure in blocks?

Decision

<div class="row">
                      <div class="col-sm-4 col-xs-6">1</div>
                      <div class="col-sm-4 col-xs-6">2</div>
                      <div class="col-sm-4 col-xs-12">
                        <div class="row">
                          <div class="col-sm-12 col-xs-6">3</div>
                          <div class="col-sm-12 col-xs-6">4</div>
                        </div>
                      </div>
                    </div>

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

S

sergey, 2016-06-21
@WQP

so for example (the styles are already themselves):

<div class="container">
  <div class="row">
    <div class="col-sm-4"></div>
    <div class="col-sm-4"></div>
    <div class="col-sm-4">
      <div class="row">
        <div class="col-sm-12"></div>
        <div class="col-sm-12"></div>
      </div>
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="col-xs-12">
      <div class="row">
        <div class="col-xs-6"></div>
        <div class="col-xs-6"></div>
      </div>
    </div>
    <div class="col-xs-12">
      <div class="row">
        <div class="col-xs-6"></div>
        <div class="col-xs-6"></div>
      </div>
    </div>
  </div>
</div>