Question

已经使用Twitter Bootstrap一段时间并且总是想要更多管理UI功能，我决定尝试Semantic UI。语义文档比Bootstrap更简洁，但每个单独的工具都很容易实现。但是，我已经开始创建一个基本的用户界面来尝试语义用户界面，我很难搞清楚一些基本的东西，比如用什么来替代Bootstrap的.container等等。

Answer 1

语义UI作者。我将在下一个次要版本中添加一个通用容器类。

Answer 2

semantic-ui在预期网格系统时会有不同的工作方式，而类ui page grid会使类似的方法像bootstrap一样。您也可以看到此示例模板http://ehkoo.github.io/semantic-ui-examples/jumbotron，您可以在模板中更改要测试的类。应用类ui grid时，它采用全宽，ui page grid适用于padding-right和padding-left的992px宽度。您可以找到屏幕最小宽度为992px的媒体查询：

@media only screen and (min-width: 992px) {
    .ui.page.grid {
        padding: 0 8%;
    }
}

此外，您可以遵循一个问题。链接：https://github.com/Semantic-Org/Semantic-UI/issues/175

您可以按照文档页面进行操作：http://semantic-ui.com/collections/grid.html

我不知道它是否对你有帮助。

Answer 3

是的，您可以执行以下操作：

    <div class='ui centered grid'>
         <div class='fifteen wide column'>
          <!-- Below you can write your code -->
           <div class='ui menu'>
           <a class='active item'>Editorials</a>
           <a class='item'>Reviews</a>
           <a class='item'>Upcoming Events</a>
          </div>
         <!-- your code ends here -->
       </div>
    </div>

是否存在与Bootstrap的.container类等效的语义UI？

3 个答案: