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

Bootstrap4下載地址：>>點(diǎn)我下載<<

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

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

圖2. 垂直居中的效果圖

---

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

---

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。