当仅使用语义UI中的网格模块时，为什么我的列太宽？
伊万·波利亚科夫（Ivan Poliakov）
我想在项目中使用语义UI，并且已经开始使用网格系统。目前，我仅使用来自GitHub的预构建网格模块。
以下HTML无法正常工作：
<div class="ui page grid">
<div class="four wide column red">four</div>
<div class="four wide column green">four</div>
<div class="four wide column blue">four</div>
<div class="four wide column yellow">four</div>
<div class="sixteen wide column teal">sixteen</div>
</div>
这是我得到的结果：
列显然太宽，四个“四个宽”列不适合，十六个宽列导致滚动条出现。
这些列div似乎应该是盒大小的，而不是。它们的内容宽度恰好等于页面的宽度，但是它们也具有1rem填充，我相信这是多余宽度的来源。
我需要包含一个通用的语义UI css模块来添加一些基本样式吗？目前，我仅包含上述GitHub存储库中的grid.css。
没有其他样式表包含在内，容器HTML页面否则为空白。
DrkStrife
您的问题是仅包含grid.css样式表。您仍然需要semantic.css样式表才能使网格正常工作。
这是更新的小提琴链接，我仅向其中添加了semantic.min.css资源，从而解决了该问题。
http://jsfiddle.net/DrkStrife/j8okweLv/1/
编辑：
看起来语义确实包含了所有内容。我检查了项目，他们使用的是自定义版本，reset.css我已经更新了小提琴，并且仍在工作。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
为什么在使用语义 UI 时外部 CSS 文件不起作用？
- 2
为什么使用RTL时我的页面太宽？
- 3
为什么使用RTL时我的页面太宽？
- 4
高度：使用语义UI时100％不起作用
- 5
如何使用语义 UI 在同一网格中创建“宽屏”和“计算机”类
- 6
使用语义UI的Codeigniter分页
- 7
如何使用语义UI CDN？
- 8
使用语义UI高亮显示代码
- 9
如何使用语义ui样式？
- 10
使用语义UI时，ruby代码在“ ui”类下不起作用
- 11
我正在使用语义 ui 反应卡。我正在尝试创建记忆游戏。有什么方法可以让卡片翻转动画。
- 12
我们可以同时使用语义UI和Foundation吗？
- 13
为什么不为Compass / Blueprint Grid使用语义类名称？
- 14
为什么不为Compass / Blueprint Grid使用语义类名称？
- 15
为什么我的 UI 网格无法加载网格
- 16
有人在emberjs中使用语义UI吗？
- 17
如何使用语义UI设置Rails应用程序？
- 18
如何使用语义UI右对齐按钮
- 19
如何在Webpack中使用语义UI？
- 20
无法使用语义UI表获得表行选择
- 21
如何使用语义UI反应下拉菜单
- 22
有人在emberjs中使用语义UI吗？
- 23
在Webpack中使用语义UI和jQuery
- 24
无法使用语义UI表获得表行选择
- 25
使用语义ui想要生成动态下拉列表
- 26
为什么我的内容对于容器来说太宽了？
- 27
为什么我的Android导航抽屉打开得太宽？
- 28
为什么有时我可以使用嵌套模块中的函数而无需导入整个路径？
- 29
对Gradle中的依赖项使用语义版本控制
我来说两句