我有這個簡單的代碼： <div class="container branduri justify-content-center"> <div class="row justify-content-center"> <div class="col-xl-4"> <h1><strong>+100</strong></h1> </div> <div class="col-xl-4"> <h1><strong>+100</strong></h1> </div> <div class="col-xl-4"> <h1><strong>+100</strong></h1> </div>問題是，在我的網站上，正如您在附圖中看到的那樣，列沒有完美居中。為什么？
2 回答
繁星coding
TA貢獻1797條經驗 獲得超4個贊
在行 div 上添加 bootstrap 類text-center
class="row justify-content-center text-center"
叮當貓咪
TA貢獻1776條經驗 獲得超12個贊
您只需將此屬性添加到行text-align:center;或添加 Bootstrap 類，即可將每列中的文本居中text-center，如下所示：
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container branduri justify-content-center">
<div class="row justify-content-center text-center">
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
<h1><strong>+100</strong></h1>
</div>
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
<h1><strong>+100</strong></h1>
</div>
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
<h1><strong>+100</strong></h1>
</div>
</div>
</div>
- 2 回答
- 0 關注
- 170 瀏覽
添加回答
舉報
0/150
提交
取消