广州市天河区天河路621号天娱广场西塔10楼
EAIC界面库
嵌套
可以在网格中嵌套网格，类似下面的结构
-
.columns: 顶级容器 -
.column -
.columns嵌套网格 -
.column嵌套中的列
<div class="columns">
<div class="column">
<p class="bd-notification is-info">第一列</p>
<div class="columns is-mobile">
<div class="column">
<p class="bd-notification is-info">嵌套列1</p>
</div>
<div class="column">
<p class="bd-notification is-info">嵌套列2</p>
</div>
</div>
</div>
<div class="column">
<p class="bd-notification is-danger">第二列</p>
<div class="columns is-mobile">
<div class="column is-half">
<p class="bd-notification is-danger">50%</p>
</div>
<div class="column">
<p class="bd-notification is-danger">自动</p>
</div>
<div class="column">
<p class="bd-notification is-danger">自动</p>
</div>
</div>
</div>
</div>
运行效果
第一列
嵌套列1
嵌套列2
第二列
50%
自动
自动
