// script is tied to id=second1 inside the js
<div id="header">Same Page with a Responsive Design</div>
<div class="row"> <!-- One row, 3 columns -->
<div> //end class col-sm-6
<div class="col-sm-4" id="first-responsive">
</div> //end class col-sm-4
<div class="col-sm-2" id="second1">
</div>//end class col-sm-2
</div> //end class row
</div> //end class container
This css relies on bootstrap, so to make it work we need a header
At a minimum, we need:
<link rel="stylesheet" href="../bootstrap.min.css">
and there is some minor style to define the three id's, header, first-responsive, and second1. These are only slightly different from the ones shown in Side by Side using only divs.
Just put a few words in here so that we are absolutely sure that this area is independent of the green area.