Twitter bootstrap 3 语义用户界面与网格系统
我是一个引导者,我发现语义用户界面,我觉得它很棒。所以我正在学习基本的学习过程,尤其是网格系统 我阅读并试验了我自己的网格练习,发现使用16列网格时,可以在行中定义列大小: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=
<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>