Day8--垂直置中(3) - iT 邦幫忙 | bootstrap div置中
使用align-items-center(Bootstrap結合Flexbox)容器是Bootstrap中最基本的佈局元素,設置.container容器會自適應寬跟高。設置.row會讓內層以flex的方式排版,而.col就是.row的flex-item。生效條件1.對.row加入.align-items-center,就可以讓列元素垂直置中。範例
使用align-items-center(Bootstrap結合Flexbox)容器是Bootstrap中最基本的佈局元素,設置.container容器會自適應寬跟高。設置.row會讓內層以flex的方式排版,而.col就是.row的flex-item。生效條件1.對.row加入.align-items-center,就可以讓列元素垂直置中。範例