Problem with bootstrap column

Navigation
3

Good morning, I have this problem

What I want is that the last column fills the height (height) of the page without affecting the other columns as seen in the image below begin. 

<div class="container" id="wrapnoti">
        
        <div class="col-md-5">
          <div style="background:url(https://media.easports.com/content/www-easports/es_ES/fifa/noticias/2015/fifa-16-gameplay-improvements/_jcr_content/headerImages/image.img.jpg);background-size:150%" class="noticia">
              <div class="contitulo">
              <p id="titulo">Probamos el FIFA 17</p>
              </div>
          </div>
        </div>

        <div class="col-md-5">
          <div style="background:url(http://nivelxtremo.com/wp-content/uploads/2015/09/11.jpg);background-size:150%" class="noticia">
              <div class="contitulo">
              <p id="titulo">La decepcion de Agustin Pantano</p>
              </div>
          </div>
        </div>

        <div class="col-md-2">
          <div class="fb-page" data-href="https://www.facebook.com/aafifaok" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/aafifaok" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/aafifaok">Asociación Argentina de FIFA - AAFIFA</a></blockquote></div>
        </div>

        <div class="col-md-5">
          <div style="background:url(http://img.fifa.com/mm/photo/tournament/competition/02/60/69/19/2606919_full-lnd.jpg);background-size:150%" class="noticia">
              <div class="contitulo">
              <p id="titulo">Abdulaziz Alshehri de Arabia Saudita se consagro campeon</p>
              </div>
          </div>
        </div>

      </div>

Greetings!

    
asked by Nicolas Paolillo 08.06.2016 в 23:48
source

1 answer

1

Separate in 2 div the first put col-md-10 and the second col-md-2 would be this way 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>

<div class="container col-md-10" id="wrapnoti">
        
        <div class="col-md-5">
          <div style="background:url(https://media.easports.com/content/www-easports/es_ES/fifa/noticias/2015/fifa-16-gameplay-improvements/_jcr_content/headerImages/image.img.jpg);background-size:150%" class="noticia">
              <div class="contitulo">
              <p id="titulo">Probamos el FIFA 17</p>
              </div>
          </div>
        </div>

        <div class="col-md-5">
          <div style="background:url(http://nivelxtremo.com/wp-content/uploads/2015/09/11.jpg);background-size:150%" class="noticia">
              <div class="contitulo">
              <p id="titulo">La decepcion de Agustin Pantano</p>
              </div>
          </div>
        </div>        

        <div class="col-md-5">
          <div style="background:url(http://img.fifa.com/mm/photo/tournament/competition/02/60/69/19/2606919_full-lnd.jpg);background-size:150%" class="noticia">
              <div class="contitulo">
              <p id="titulo">Abdulaziz Alshehri de Arabia Saudita se consagro campeon</p>
              </div>
          </div>
        </div>

      </div>
<div class="col-md-2">
  <div>
          <div class="fb-page" data-href="https://www.facebook.com/aafifaok" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/aafifaok" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/aafifaok">Asociación Argentina de FIFA - AAFIFA</a></blockquote></div>
        </div>
  </div>
    
answered by 09.06.2016 / 00:05
source
Php files are not running on ubuntu Compare hours in Java