Twitter bootstrap 3 语义用户界面与网格系统

Twitter bootstrap 3 语义用户界面与网格系统,twitter-bootstrap-3,semantic-ui,grid-system,Twitter Bootstrap 3,Semantic Ui,Grid System,我是一个引导者,我发现语义用户界面,我觉得它很棒。所以我正在学习基本的学习过程,尤其是网格系统 我阅读并试验了我自己的网格练习,发现使用16列网格时,可以在行中定义列大小: <div class="ui grid"> <div class="five column row"> <div class="column">1</div> ... </div> 1. ... 。。。在专栏中: <div class=

我是一个引导者,我发现语义用户界面,我觉得它很棒。所以我正在学习基本的学习过程,尤其是网格系统

我阅读并试验了我自己的网格练习,发现使用16列网格时,可以在行中定义列大小:

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

1.
...

。。。在专栏中:

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

并了解可堆叠和折叠列,了解您可以为每三个设备(移动设备、平板电脑、计算机)指定列的大小


我的问题是,由于它是一个基于16列的网格,它不能等分为3,如何在一个特定的设备中得到3列?也许这可以通过加倍来实现,但我需要一个固溶体,我的意思是,不依赖于其他设备的大小

在Bootstrap中,它将非常简单(例如小屏幕、12列网格):

这里的内容
谢谢

塞巴斯蒂安。


<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. 2. 3.
如果我正确理解你的问题,这应该对你有用

<div class="col-sm-4">Content here</div>
<div class="ui equal width three column grid">
  <div class="column">1</div>
  <div class="column">2</div>
  <div class="column">3</div>
</div>