Nested rows with bootstrap grid [closed]

1

I need to create a grid, as the following image shows, I am using bootstrap 3 Example:

Thanks !!

    
asked by Dann 26.02.2018 в 18:58
source

1 answer

1

For this you can use the following code:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">


<div class="row">
    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
      Contenido 1
    </div>
    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
              Contenido 2
            </div>
        </div>
        <div class="row">
            <div class="col-6">
              <button class="btn btn-primary">Btn ok</button>
            </div>
            <div class="col-6">
              <button class="btn btn-default">Btn cancel</button>
            </div>
        </div>
    </div>
</div>
    
answered by 26.02.2018 / 21:28
source