filling/sizing empty div in bootstrap
<p>Hi I´m working on this bootstrap grid below.</p>

<p>I want this first column <code>col-1</code> to have the same <code>height</code> as the two columns at its right side.</p>

<p><code>max-height</code>doesn't seems to do the trick and I've been using:</p>

<pre class="lang-css prettyprint-override"><code>.col-1{
    background-color: #555;
    margin-bottom: -600px;
    padding-bottom: 600px;
}
</code></pre>

<p>to get the look I want, but then part of the <code>div</code> ends behind the other <code>div</code>´s when the site is scaled down.</p>

<p>Can anyone advise me how I can get the result I want?</p>

<p>I somehow believe that there must be another way to do this than I'm using which is to adjust the <code>margin-bottom</code>and <code>padding-bottom</code> </p>

<p>A link to <a href="https://jsfiddle.net/dadihall/ku64t6km/2/" rel="nofollow">fiddle</a></p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>/* GRID */

.col-1 {
  background-color: #555;
  margin-bottom: -600px;
  padding-bottom: 600px;
}
.col-2 {
  background-color: #558C89;
}
.col-3 {
  background-color: #74AFAD;
}
.col-4 {
  background-color: #D9853B;
}
.col-5 {
  background-color: #ECECEA;
}
.col-6 {
  background-color: #F3FAB6;
}
.col-7 {
  background-color: #CBE32D;
}
.col-8 {
  background-color: #A8CD1B;
}
.col-9 {
  background-color: #005A31;
}
/****************************/</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"&gt;


&lt;div class="container"&gt;
  &lt;div class="row"&gt;

    &lt;div class="col-md-6 col-1"&gt;
      Some text here

    &lt;/div&gt;
    &lt;div class="col-md-6"&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-md-6 col-2"&gt;
          &lt;p&gt;Celiac 3 wolf moon williamsburg pitchfork, squid helvetica single-origin coffee brooklyn paleo vice biodiesel. Fingerstache celiac mumblecore, try-hard yuccie helvetica chartreuse. Chartreuse wayfarers vegan, blue bottle bicycle rights selfies
            salvia ugh drinking vinegar 3 wolf moon you probably haven't heard of them. Cardigan fingerstache freegan 3 wolf moon vegan. Venmo umami 8-bit, cronut raw denim direct trade locavore vinyl seitan plaid tousled.&lt;/p&gt;
        &lt;/div&gt;

        &lt;div class="col-md-6 col-3"&gt;
          &lt;p&gt;Celiac 3 wolf moon williamsburg pitchfork, squid helvetica single-origin coffee brooklyn paleo vice biodiesel. Fingerstache celiac mumblecore, try-hard yuccie helvetica chartreuse. Chartreuse wayfarers vegan, blue bottle bicycle rights selfies
            salvia ugh drinking vinegar 3 wolf moon you probably haven't heard of them. Cardigan fingerstache freegan 3 wolf moon vegan. Venmo umami 8-bit, cronut raw denim direct trade locavore vinyl seitan plaid tousled.&lt;/p&gt;
        &lt;/div&gt;

        &lt;div class="col-md-6 col-4"&gt;
          &lt;p&gt;Celiac 3 wolf moon williamsburg pitchfork, squid helvetica single-origin coffee brooklyn paleo vice biodiesel. Fingerstache celiac mumblecore, try-hard yuccie helvetica chartreuse. Chartreuse wayfarers vegan, blue bottle bicycle rights selfies
            salvia ugh drinking vinegar 3 wolf moon you probably haven't heard of them. Cardigan fingerstache freegan 3 wolf moon vegan. Venmo umami 8-bit, cronut raw denim direct trade locavore vinyl seitan plaid tousled.&lt;/p&gt;
        &lt;/div&gt;

        &lt;div class="col-md-6 col-5"&gt;
          &lt;p&gt;Celiac 3 wolf moon williamsburg pitchfork, squid helvetica single-origin coffee brooklyn paleo vice biodiesel. Fingerstache celiac mumblecore, try-hard yuccie helvetica chartreuse. Chartreuse wayfarers vegan, blue bottle bicycle rights selfies
            salvia ugh drinking vinegar 3 wolf moon you probably haven't heard of them. Cardigan fingerstache freegan 3 wolf moon vegan. Venmo umami 8-bit, cronut raw denim direct trade locavore vinyl seitan plaid tousled.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-md-3 col-6"&gt;
      &lt;p&gt;Celiac 3 wolf moon williamsburg pitchfork, squid helvetica single-origin coffee brooklyn paleo vice biodiesel. Fingerstache celiac mumblecore, try-hard yuccie helvetica chartreuse. Chartreuse wayfarers vegan, blue bottle bicycle rights selfies salvia
        ugh drinking vinegar 3 wolf moon you probably haven't heard of them. Cardigan fingerstache freegan 3 wolf moon vegan. Venmo umami 8-bit, cronut raw denim direct trade locavore vinyl seitan plaid tousled.&lt;/p&gt;
    &lt;/div&gt;

    &lt;div class="col-md-3 col-7"&gt;
      &lt;p&gt;Celiac 3 wolf moon williamsburg pitchfork, squid helvetica single-origin coffee brooklyn paleo vice biodiesel. Fingerstache celiac mumblecore, try-hard yuccie helvetica chartreuse. Chartreuse wayfarers vegan, blue bottle bicycle rights selfies salvia
        ugh drinking vinegar 3 wolf moon you probably haven't heard of them. Cardigan fingerstache freegan 3 wolf moon vegan. Venmo umami 8-bit, cronut raw denim direct trade locavore vinyl seitan plaid tousled.&lt;/p&gt;
    &lt;/div&gt;

    &lt;div class="col-md-3 col-8"&gt;
      &lt;p&gt;Celiac 3 wolf moon williamsburg pitchfork, squid helvetica single-origin coffee brooklyn paleo vice biodiesel. Fingerstache celiac mumblecore, try-hard yuccie helvetica chartreuse. Chartreuse wayfarers vegan, blue bottle bicycle rights selfies salvia
        ugh drinking vinegar 3 wolf moon you probably haven't heard of them. Cardigan fingerstache freegan 3 wolf moon vegan. Venmo umami 8-bit, cronut raw denim direct trade locavore vinyl seitan plaid tousled.&lt;/p&gt;
    &lt;/div&gt;

    &lt;div class="col-md-3 col-9"&gt;
      &lt;p&gt;Celiac 3 wolf moon williamsburg pitchfork, squid helvetica single-origin coffee brooklyn paleo vice biodiesel. Fingerstache celiac mumblecore, try-hard yuccie helvetica chartreuse. Chartreuse wayfarers vegan, blue bottle bicycle rights selfies salvia
        ugh drinking vinegar 3 wolf moon you probably haven't heard of them. Cardigan fingerstache freegan 3 wolf moon vegan. Venmo umami 8-bit, cronut raw denim direct trade locavore vinyl seitan plaid tousled.&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;

&lt;/div&gt;</code></pre>
</div>
</div>
</p>