Question

How to create two columns with two nested columns in Bootstrap

Answer 1

<!DOCTYPE html>
<html lang="en">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet"
        href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
  
<body>
   
<div class="container-fluid">
  <h1>Bootstrap</h1>
  <p>Bootstrap HTML, CSS, and JavaScript framework</p>
  <div class="row">
    <div class="col-sm-8" style="background-color:red;">col-sm-8
      <div class="row">
        <div class="col-sm-6" style="background-color:blue;">col-sm-6</div>
        <div class="col-sm-6" style="background-color:gray;">col-sm-6</div>
      </div>
    </div>
    <div class="col-sm-4" style="background-color:green;">col-sm-4</div>
  </div>
</div>
    
</body>
</html>

</div>
  
</body>
</html>

 

70+ SQL courses for beginners and professionals