Div的失控畫面

我的div的意甲另一個DIV中：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% 
}

所有我想要的是，這些div適合屏幕的100％，並沒有擺脫當前的分辨率。

來源

2015-06-07 Pablo

你能否澄清一下，如果你想讓一行填滿屏幕高度的100％，或者如果你遇到橫向問題？ – Graham

我有橫向問題，他們正在離開屏幕，導致像滑動水平欄出現或div不顯示的麻煩。 – Pablo

添加

HTML

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

CSS

.custom-class { 
    margin: 0; 
}

覆蓋

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

Bootply

來源

2015-06-07 22:29:46

Div的失控畫面

回答

相關問題