垂直对齐
#
要垂直对其列,在容器 columns
上添加 is-vcentered
修饰符。
Second column with more content. This is so you can see the vertical alignment.
多行
#
当您想要开始新的一行的时候,可以关闭一个容器 columns
然后再开始一个。但是,您也可以通过添加 is-multiline
修饰符和添加更多列元素来实现。
列居中
#
当您使用空列(如 <div class="column"></div>
)创建水平的空占位 .column
元素时,您也可以在其父元素 .columns
上使用 .is-centered
来实现:
使用 .is-multiline
创建一个弹性的、剧中的列表(试着调整浏览器窗口大小查看不同视口下剧中的效果):
is-narrow
Our Second Column
is-narrow
The Fourth Column