语义 UI 和网格系统答案

【问题标题】：Semantic UI and the grid system语义 UI 和网格系统
【发布时间】：2015-12-06 01:00:07
【问题描述】：

我是一个 Bootstrap 人，我发现 Semantic UI，我觉得它很棒。所以我在基本的学习过程中，最重要的是网格系统。

我阅读并尝试了自己的网格练习，发现适用于 16 列网格，列大小可以在行中定义：

<div class="ui grid">
 <div class="five column row">
   <div class="column">1</div>
   ...
 </div>

...在列本身中：

<div class="eight wide column"></div>

并了解可堆叠和双列，并了解您可以为每三种设备（移动设备、平板电脑、计算机）指定列大小。

<div class="six wide tablet eight wide computer column"></div>

我的问题是，由于它是基于 16 列的网格，它不能以相等的值被 3 整除我如何在特定设备中获得 3 列？ 也许这可以用加倍，但我需要一个可靠的解决方案，我的意思是，不要依赖于其他设备的尺寸。

在 Bootstrap 中它会很简单（小屏幕示例，12 列网格）：

<div class="col-sm-4">Content here</div>

谢谢！

塞巴斯蒂安。

【问题讨论】：

【解决方案1】：

<div class="ui equal width three column grid">
  <div class="column">1</div>
  <div class="column">2</div>
  <div class="column">3</div>
</div>

如果我理解你的问题，这应该对你有用。

【讨论】：