列

列短码实际上是两个短码. 在创建列短代码之前, 您需要创建一个行短代码来包围列.

短代码将页面分成12列，您可以将数值分配给选项(下文解释)来设置您的列. 如果你想在大屏幕(笔记本电脑和台式机)上有两列平均分割，你可以给它们都赋一个大的/lg值6 (6 + 6 = 12). 如果你想要将三列平均分割，你可以为每一列赋一个较大的值4 (4 + 4 + 4 = 12).

小屏幕的默认值几乎总是12, 这将使手机/移动设备上的列全宽. 列会保持相同的顺序，它们会自动堆叠在一起. 你不应该将大宽度设置为12. 如果将该值设置为12，则不会显示任何内容.

注意: 列不应该被用来作为一个“技巧”，以中心的内容在一个节.

理解栏目和响应式设计

假设BG大游集团有三列，BG大游集团将每列设置为12列(小列)和4列(1/3)的大列. 这就是它们在台式机/笔记本电脑和移动设备上的显示方式.

在台式机/笔记本电脑屏幕上

在移动

列短码参数

列的参数shortcode:

• 小屏幕宽度(sm): 该参数为可选参数。, 如果省略短代码，它将默认为12, 哪个是最大值. 只有在极其罕见的情况下，您才应该为这个小参数设置除12以外的值. 如果您发现自己需要使用不同的值，请联系 UComm网络团队 寻求帮助.
• 大屏幕宽度(lg): 这个值是笔记本电脑或桌面屏幕(特别是任何宽度超过1024px的屏幕)上的列的宽度。. 记住，它是以12为基础的. 所以，如果你想要一个占屏幕25%的列，你需要这里的值为3 (3 / 12 = 25%).

列短代码示例

移动一栏，桌面两栏

(mu_row)
[mu_column sm="12" lg="6"]左列[/mu_column]
[mu_column sm="12" lg="6"]右列[/mu_column]
[/ mu_row]

移动一栏，桌面三栏

(mu_row)
[mu_column sm="12" lg="4"]左列[/mu_column]
[mu_column sm="12" lg="4"]中栏[/mu_column]
[mu_column sm="12" lg="4"]右列[/mu_column]
[/ mu_row]

一栏移动，两栏桌面分别为75%和25%

(mu_row)
[mu_column sm="12" lg="9"]左列[/mu_column]
[mu_column sm="12" lg="3"]右列[/mu_column]
[/ mu_row]