title: How do I make the background color responsive on mobile devices?
body: <p>I have created a website using bootstrap and the responsive features works fine, except for the background color of the div. The elements (images) are stacked but the background color remains only behind the first image in the row. I am looking for a way to extend the background-color on mobile devices.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="omos"&gt;
   &lt;div class="row"&gt;
   &lt;div class="col-md-6 col-xs-12"&gt;
   &lt;h2&gt;Kristoffer Andreasen&lt;/h2&gt;
   &lt;a href="http://dk.linkedin.com/pub/kristoffer-andreasen/4b/2a0/645/"&gt;&lt;img     style="height:280px; width:420px;" src="http://i.imgur.com/874qJmM.png" class="img-responsive"&gt;&lt;/a&gt;
   &lt;div class="Krille"&gt;
   &lt;p&gt;Indhold&lt;/p&gt;
   &lt;p&gt;Marketing&lt;/p&gt;
   &lt;p&gt;Webdesign&lt;/p&gt;
   &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="col-md-6 col-xs-12"&gt;
   &lt;div class="Kalli"&gt;
   &lt;h2&gt;Kasper Hjortsballe&lt;/h2&gt;
   &lt;a href="http://dk.linkedin.com/pub/kasper-hjortsballe/55/942/5b9"&gt;&lt;img style="height:200px; width:200px;" src="http://i.imgur.com/kTleong.png" class="img-responsive"&gt;&lt;/a&gt;
   &lt;p&gt;Programmør&lt;/p&gt;
   &lt;p&gt;Layout&lt;/p&gt;
   &lt;p&gt;Grafik&lt;/p&gt;
   &lt;/div&gt;
   &lt;/div&gt; 
   &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#omos {
  background-color: #f7f7f7;
  height: 80vh;
  clear: both;
  text-align: center;
  }
  </code></pre>
  
  <p>I have tried several options but no one seems to solve the problem. Does anyone know what to do?</p>