twitter-bootstrap-3 - 语义 UI 和网格系统

Question

我是 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>

谢谢！

塞巴斯蒂安。

score 2 · Accepted Answer

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

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

1 回答 1