默认情况下，列只在 平板(tablet) 及以上视口激活，这意味着列在 移动设备 上是堆叠的。
如果您希望也在 移动设备(mobile) 上也生效，只需要在 columns 容器上添加 IsMobile 修饰符。
默认情况下，列只在 平板(tablet) 及以上视口激活，这意味着列在 移动设备 上是堆叠的。
如果您希望也在 移动设备(mobile) 上也生效，只需要在 columns 容器上添加 IsMobile 修饰符。
<Columns IsMobile>
<Column>
<Notification Color="Color.Primary">1</Notification>
</Column>
<Column>
<Notification Color="Color.Primary">2</Notification>
</Column>
<Column>
<Notification Color="Color.Primary">3</Notification>
</Column>
<Column>
<Notification Color="Color.Primary">4</Notification>
</Column>
</Columns>
如果你只想在 桌面(desktop) 以上显示列，只需要在 Columns 容器上添加 IsDesktop 修饰符:
<Columns IsDesktop>
<Column>
<Notification Color="Color.Primary">1</Notification>
</Column>
<Column>
<Notification Color="Color.Primary">2</Notification>
</Column>
<Column>
<Notification Color="Color.Primary">3</Notification>
</Column>
<Column>
<Notification Color="Color.Primary">4</Notification>
</Column>
</Columns>
你可以为每个视口定义 列大小：mobile（移动设备），tablet（平板设备）和 desktop（桌面设备）
注：BulmaBlazor没有提供的属性，完全可以使用原始class来实现
is-three-quarters-mobileis-two-thirds-tabletis-half-desktopis-one-third-widescreenis-one-quarter-fullhd
<Columns IsMobile>
<Column
class="is-three-quarters-mobile is-two-thirds-tablet is-half-desktop is-one-third-widescreen is-one-quarter-fullhd">
<Notification Color="Color.Primary">
<code>is-three-quarters-mobile</code><br>
<code>is-two-thirds-tablet</code><br>
<code>is-half-desktop</code><br>
<code>is-one-third-widescreen</code><br>
<code>is-one-quarter-fullhd</code>
</Notification>
</Column>
<Column>
<Notification Color="Color.Primary">2</Notification>
</Column>
<Column>
<Notification Color="Color.Primary">3</Notification>
</Column>
<Column>
<Notification Color="Color.Primary">4</Notification>
</Column>
</Columns>文档