首頁 >web前端 >css教學 >如何使用 Twitter Bootstrap 將元素垂直或水平置中?

如何使用 Twitter Bootstrap 將元素垂直或水平置中?

DDD
DDD原創
2024-12-08 00:28:11790瀏覽

How Can I Center Elements Vertically or Horizontally Using Twitter Bootstrap?

使用 Twitter Bootstrap 將元素居中

在 Twitter Bootstrap 中,是否可以在父級中垂直或水平居中 HTML元素

Bootstrap提供了多種居中元素的解:

1.偏移(目前最佳實務)

此方法使用「mx-auto」類別:

2。原生Bootstrap 類(已棄用)

為了兼容舊版本,Bootstrap 仍然提供以下類:

  • 水平居中:

    • 區塊級內容的文字中心element
    • pagination-centered用於居中分頁元素

例子:

注意:

注意:雖然這些較舊的課程可能在早期就有效2013 年,現在建議的方法是使用偏移量以獲得更好的一致性和靈活性。

以上是如何使用 Twitter Bootstrap 將元素垂直或水平置中?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn