title: Split screen web with Bootstrap
body: <p>I've tried to create a split screen with bootstrap. I googled other sources and did not find solutions. The plan is the site has a split screen with two pictures on the left and right side. There are a couple of links on the left picture. Now the problem I have are:
  1. The picture on the left side is not exactly starts from left margin. I tried with left:0; did not help. 
  2. I would like to have the pictures height equals exactly the screen size. No scroll. Now the height is 100%, and in order to see full length I have to scroll.I tried with height:auto, did not work. 
  3. On the left picture, the link should be on top of the picture, now it's under. I tried also with url background img but failed. </p>
  
  <p>So please take a look the link on <a href="http://codepen.io/anon/pen/PZqy1Xp" rel="nofollow">http://codepen.io/anon/pen/PZqy1Xp</a>
         </p>
  
  <pre><code>      &lt;div class="col-md-6"&gt;
  
            &lt;img src="http://www122.lunapic.com/editor/working       
               /144980254379614?49319erww"&gt; 
            &lt;ul&gt;
                &lt;li&gt;link1&lt;/li&gt;
                &lt;li&gt;link2&lt;/li&gt;
            &lt;/ul&gt;
         &lt;/img&gt;
  
       &lt;/div&gt;
      &lt;div class="col-md-6"&gt;
        &lt;img src="http://www191.lunapic.com/do-not-
          link-here-use-hosting-instead/144978190397904?255757fw41"&gt;&lt;/img&gt;&lt;/div&gt;
       &lt;/div&gt;
  
    That's what I get. Any suggestions? Tks! 
  </code></pre>