Bootstrap 是全球最受歡迎的前端組件庫，用于開發響應式布局、移動設備優先的 WEB 項目。Bootstrap 是一套用于 HTML、CSS 和 JS 開發的開源工具集。利用我們提供的 Sass 變量和大量 mixin、響應式柵格系統、可擴展的預制組件、基于 jQuery 的強大的插件系統，能夠快速為你的想法開發出原型或者構建整個 app 。

Bootstrap4下載地址：>>點我下載<<

在制作頁面時，當我們需要div或者圖片垂直居中時，可以在div中添加 m-auto 樣式。
如下圖所示，每個卡片的左側圖片沒有垂直居中，然而我們需要它垂直居中。

圖1. 未垂直居中的效果
此時，我們在圖片的外層div中添加 m-auto 樣式，如下圖所示，完成了我們的預期效果：

圖2. 垂直居中的效果圖

---

作者：戴翔
電子郵箱：daixiangcn@outlook.com

---

總結

以上是生活随笔為你收集整理的在Bootstrap4中使用垂直居中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。