css - 如何在类似于 bootstrap 或 foundation 的语义 ui 中有一行居中的列?

标签 css semantic-ui css-frameworks

语义 ui 的新手,虽然我喜欢这里的一些功能,但让列居中的简单任务在这里让我感到困惑。

我基本上想要在基金会中这样做的相同结果:

<div class="row">
  <div class="medium-12 columns"></div>
</div>

这会给我一个 1000 像素的居中内容区域。有没有办法用语义 ui 来完成这个?

最佳答案

我也是语义 UI 的新手,但从文档中我可以弄清楚如何按如下方式使用列结构。

<div class="twelve column row">
  <div class="column"></div>
</div>

如果我错了,请随时纠正我。

关于css - 如何在类似于 bootstrap 或 foundation 的语义 ui 中有一行居中的列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27935215/

相关文章:

asp.net - 使用来自 thems 目录的 css 文件更改 css 指令?

html - 如何水平添加div直到宽度大小超过?

html - 固定位置在 IE 或 Safari 中不起作用

css - 一个元素中同时处理两个css框架的最佳攻略

css - HTML CSS 如何在更多文本上叠加文本

javascript - 使用语义 UI 时,Jquery 无法在 Angular 4+ 中工作

semantic-ui - 在语义 UI (React) 中创建粘性栏。滚动时页面跳转

javascript - 语义 UI 动态添加类到输入字段

ruby-on-rails-4 - 冈比 2 带导轨