我们也可以单独去指定每栏点用的宽度.. 先去掉 Grid 容器上的 two column ..

比如我想让第一栏内容占用四个宽度 .. 在上面加上一个 four wide .. 现在它会占用四个宽度 .. 剩下的栏仍然是一个宽度 ..

下面再让第二栏占用四个宽度 .. 同样加上一个 four wide .. 这样第一排内容还剩下 8 个宽度 .. 可以把这些宽度交给第三栏内容 .. 上面加上一个 eight wide .. 保存 .. 现在第一排有三栏内容 .. 在它们上面的宽度是 4 + 4 + 8 ，结果正好是 16

默认 Semantic UI 会把一行分成 16 份 .. 这样在这行里面就没有多余的空间了 .. 所以其它栏内容会自动被挤到第二排显示 ..

下面我们再让 4，5，6，7 这几栏内容各占用 4 个宽度 .. 在它们的包装上，都添加一个 four wide .. 保存 .. 第二排内容会平均分成四份 ..

最后在这个 8 号栏上添加一个 sixteen wide .. 再保存一下 .. 8 号栏会占满整排的宽度显示 ..