Bootstrap 欄位垂直居中

版本:4.3.1

bootstrap 4 column vertical align middle

於父層使用 align-items-center 這對我來說是有效的,代碼如下:

<div class="container border text-center">
    <div class="row align-items-center" >
        <div class="col-4 my-0">
            Hello
        </div>
        <div class="col-4 my-0">
            Hello<br>
            Hello<br>
            Hello
        </div>
        <div class="col-4 my-0">
            Hello
        </div>
    </div>
</div>

參考:https://stackoverflow.com/a/44801382/6784662

如果文章對您很有幫助
請我喝杯咖啡吧

Bitcoin 比特幣錢包:

18fCwNnEJ7UfMNS3GcUczPNa72NMsWcvaU



ann71727

相關文章:

READ  JavaScript options object merge

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料