css - class= btn btn-danger 水平对齐

Question

如何并排水平对齐我的 3 个按钮？我认为它现在看起来很糟糕。

class= btn btn-danger 

我该如何编写它的 css？

我的代码

<div class="row">
        <div class="col-sm-4">
            <h3>Stationær & bærbar reparationer</h3>
            <p>Vi kan udskifte alle typer hardware de mest almindelige reparationer omfatter</p>
            <a href="#" class="btn btn-danger">LÆS MERE</a>
        </div>
        <div class="col-sm-4">
            <h3>Fjernelse af virus</h3>
            <p>Hvis din computer er inficeret med virus kan vi hjælpe dig med at rense ud i dit system. Vi kan herudover også hjælpe dig med at sikre dit system mod kommende virus angreb.</p>
            <a href="#" class="btn btn-danger">LÆS MERE</a>
        </div>
        <div class="col-sm-4">
            <h3>Data recovery</h3>
            <p>Hvis din harddisk er defekt skifter vi den billigt og hurtigt, vi kan genskabe dine data tilbage i de fleste tilfælde. eller hvis Windows er gået ned, kan vi også redde din data. </p>
            <a href="#" class="btn btn-danger">LÆS MERE</a>
        </div>
    </div>
</div>

Answer 1

两个选项。

添加css给h3和p元素固定高度(调整数字)

.col-sm-4 p {
    height: 200px;
}
.col-sm-4 h3 {
    height: 50px;
}

或将按钮提取到新行。

<div class="row">
        <div class="col-sm-4">
            <h3>Stationær & bærbar reparationer</h3>
            <p>Vi kan udskifte alle typer hardware de mest almindelige reparationer omfatter</p> 
        </div>
        <div class="col-sm-4">
            <h3>Fjernelse af virus</h3>
            <p>Hvis din computer er inficeret med virus kan vi hjælpe dig med at rense ud i dit system. Vi kan herudover også hjælpe dig med at sikre dit system mod kommende virus angreb.</p>
        </div>
        <div class="col-sm-4">
            <h3>Data recovery</h3>
            <p>Hvis din harddisk er defekt skifter vi den billigt og hurtigt, vi kan genskabe dine data tilbage i de fleste tilfælde. eller hvis Windows er gået ned, kan vi også redde din data. </p>
        </div>
    </div>
</div>
<div class="row">
        <div class="col-sm-4">
            <a href="#" class="btn btn-danger">LÆS MERE</a>
        </div>
        <div class="col-sm-4">
            <a href="#" class="btn btn-danger">LÆS MERE</a>
        </div>
        <div class="col-sm-4">
            <a href="#" class="btn btn-danger">LÆS MERE</a>
        </div>
    </div>
</div>

编辑:添加代码