Divs получать из экрана

Question

У меня есть серия дивы в другой DIV:

<section id="process"> 
    <div class="container"> 
     <h3>Así trabajo.</h3> 
    </div> 
    <div class="row row-padding"> 
     <div class="col-md-4 col-sm-6 col-centered"> 
      <i class="fa fa-align-justify fa-5x"></i> 
      <h4>Estructuración.</h4> 
      <p>Mi código es limpio y sencillo, podrás modificarlo fácilmente si así lo deseas.</p> 
     </div> 
     <div class="col-md-4 col-sm-6 col-centered"> 
      <i class="fa fa-align-justify fa-5x"></i> 
      <h4>Estructuración.</h4> 
      <p>Mi código es limpio y sencillo, podrás modificarlo fácilmente si así lo deseas.</p> 
     </div> 
     <div class="col-md-4 col-sm-6 col-centered"> 
      <i class="fa fa-align-justify fa-5x"></i> 
      <h4>Estructuración.</h4> 
      <p>Mi código es limpio y sencillo, podrás modificarlo fácilmente si así lo deseas.</p> 
     </div> 
     <div class="col-md-4 col-sm-6 col-centered"> 
      <i class="fa fa-align-justify fa-5x"></i> 
      <h4>Estructuración.</h4> 
      <p>Mi código es limpio y sencillo, podrás modificarlo fácilmente si así lo deseas.</p> 
     </div> 
    </div> 
    </section> 

Я попытался добавить правило в CSS, но это не сработало:

.row { 
     height: 100%; 
} 

и :

#process{ 
height: 100% 
} 

Все, что я хочу, чтобы эти дивы соответствует 100% экрана и не выйти из текущего разрешения.

Answer 1

Добавить

HTML

<div class="row row-padding custom-class"> 

CSS

.custom-class { 
    margin: 0; 
} 

перезаписать

.row { 
    margin-left: -15px; 
    margin-right: -15px; 
} 

Bootply