Bootstrap Grid Stacked to horizontal grid

First Page
<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link href="css/bootstrap.min.css">
      <script src="scripts/jquery.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
   </head>
   <body>
      <div class="container-fluid">
         <h1>Grid</h1>
         <div class="row">
            <div class="col-sm-6" style="background-color:blue; color: red">
               Lorem Ipsum is simply dummy text of the printing and typesetting industry.
               Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
            </div>
            <div class = "col-sm-6" style="background-color:red; color: blue">
               Lorem Ipsum is simply dummy text of the printing and typesetting industry.
              Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
            </div>
         </div>
      </div>
   </body>
</html>
Output

First Page