我有這個(gè)簡(jiǎn)單的代碼： <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>問題是，在我的網(wǎng)站上，正如您在附圖中看到的那樣，列沒有完美居中。為什么？
2 回答
繁星coding
TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超4個(gè)贊
在行 div 上添加 bootstrap 類text-center
class="row justify-content-center text-center"
叮當(dāng)貓咪
TA貢獻(xiàn)1776條經(jīng)驗(yàn) 獲得超12個(gè)贊
您只需將此屬性添加到行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 關(guān)注
- 166 瀏覽
添加回答
舉報(bào)
0/150
提交
取消