日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網(wǎng)為廣大站長提供免費收錄網(wǎng)站服務(wù),提交前請做好本站友鏈:【 網(wǎng)站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(wù)(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網(wǎng)站:52007
  • 待審:47
  • 小程序:12
  • 文章:1052527
  • 會員:766

bootstrap 提供四種水平居中元素的方法:使用 .text-center 類使用 justify-content 實用程序使用 margin: auto使用輔助類 .mx-auto

Bootstrap 居中顯示元素

Bootstrap 提供了幾種方法來水平居中顯示元素:

使用 .text-center 類

最簡單的方法是將 .text-center 類應(yīng)用于要居中的元素。
例如:

Hello

使用 justify-content 實用程序

對于行內(nèi)元素,可以使用 justify-content 實用程序。
例如,可以使用 row 類創(chuàng)建一個行,然后將 justify-content-center 應(yīng)用于該行。內(nèi)部元素會自動居中。

`

Item 1

Item 2

`

使用 margin: auto

對于塊級元素,可以使用 margin: auto 實用程序。
例如:Item

使用輔助類

Bootstrap 提供了名為 .mx-auto 的輔助類,它為元素添加 margin: auto 樣式。
例如:Item

注意:

并非所有方法都適用于所有元素。
居中顯示通常與其他樣式結(jié)合使用,例如設(shè)置元素寬度或高度。
可以根據(jù)需要組合使用這些方法來實現(xiàn)所需的效果。

分享到:
標(biāo)簽:Bootstrap 居中 顯示
用戶無頭像

網(wǎng)友整理

注冊時間:

網(wǎng)站:5 個   小程序:0 個  文章:12 篇

  • 52007

    網(wǎng)站

  • 12

    小程序

  • 1052527

    文章

  • 766

    會員

趕快注冊賬號,推廣您的網(wǎng)站吧!
最新入駐小程序

數(shù)獨大挑戰(zhàn)2018-06-03

數(shù)獨一種數(shù)學(xué)游戲,玩家需要根據(jù)9

答題星2018-06-03

您可以通過答題星輕松地創(chuàng)建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學(xué)四六

運動步數(shù)有氧達(dá)人2018-06-03

記錄運動步數(shù),積累氧氣值。還可偷

每日養(yǎng)生app2018-06-03

每日養(yǎng)生,天天健康

體育訓(xùn)練成績評定2018-06-03

通用課目體育訓(xùn)練成績評定