class = btn btn-danger align horizo​​ntal

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;
}

OR 将按钮提取到新行。

<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>

编辑：添加代码

Answer 2

但我发现不是这样做的方式，如果我应该再次使用该类，我可能需要再添加一个类到父元素并重新定位它，如你所说，只需要弄清楚如何:)我我只是一个菜鸟，而且很新。

但到目前为止看起来很好看

My new PC service site