Question

我在另一个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％的屏幕并且没有达到目前的分辨率。

Answer 1

添加

<强> HTML

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

<强> CSS

.custom-class {
  margin: 0;
}

覆盖

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

Bootply

Divs离开了屏幕

1 个答案: