在Bootstrap4中使用垂直居中

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

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

在製做頁面時，當咱們須要div或者圖片垂直居中時，能夠在div中添加 樣式。
以下圖所示，每一個卡片的左側圖片沒有垂直居中，然而咱們須要它垂直居中。

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

圖2. 垂直居中的效果圖