问题标签 [semantic-ui]

哪个是最好的使用，如果可能，请提供这两者的区别和优点。

Semantic-ui vs Bootstrap 我正在尝试构建我的 UI，但对于使用什么感到非常困惑。

请建议我最好的一个，如果可能的话，请提供示例。

jsbin 在这里：http: //jsbin.com/uMEjOV/1/edit

嗨，在语义 UI（http://semantic-ui.com）中，我们可以创建：

我尝试在没有语义用户界面的情况下创建自己的：

我想要清晰的模型，就像语义 UI 方式一样。是的，我想删除<div class="close"></div>（.close的样式是float: none; clear: both;）

如何做到像语义-ui方式一样清晰？

我知道 Twitter bootstrap 在创建新项目时有几个使用 mvc 4 滚动的模板，但是是否存在使用Semantic UI的模板？谷歌搜索对我来说几乎没有什么相关性，在 VS2012 的在线模板中搜索时我也找不到任何相关性。

我知道如何使用Semantic UI验证表单，甚至可以在控制台中读取消息“表单没有验证错误，正在提交”。但是，这是提交到哪里？我想实际提交表单，但是语义 UI 的布局方式我似乎无法指定提交到哪里或任何东西。

我阅读了本教程，但它使用 Angular 进行提交，而不仅仅是语义 UI。

我在这里错过了一些非常简单的东西吗？

将语义 UI 下拉菜单与 Rails 方式集成的最佳方式是什么？

当我进行编辑操作时，它不会带来选定的状态，

在索引上，创建、显示，甚至更新它都可以。

我知道如何用 jQuery 做到这一点，但我不知道是否有 rails 方法可以做到这一点，并且想知道你的忍者会如何做到这一点？

编辑：

查看应用程序运行

我正在尝试在 MVC 应用程序中使用语义 UI 复选框，但是，我注意到在使用CheckBoxFor()它时会创建 2 个输入，其中一个是隐藏的：

然后我像这样激活复选框：

当我然后单击复选框时，“勾选”动画不会显示复选框是否被勾选，尽管trueIS 的值被设置。有没有办法告诉语义 UI 复选框方法以非隐藏元素为目标？

我的代码使用语义 UI 复选框模块。我有四个复选框。代码需要确定何时取消选中所有复选框。

复选框之一的 Html：

Javascript：

原来semantic-ui实际上并没有设置相应元素的checked属性。input所以:checked选择器失败了。

我的问题是如何做到这一点？

我正在使用 Angular 和 ng-repeat 以及Semantic UI Grid布局。

我正在尝试连续显示 5 列。当达到第五个项目时，创建一个新行。下面为数据中的每个项目创建一个新的行和列。我可以看到 ng-repeat 有一个索引属性，但不确定如何基本上说if mod 5 == 0输出一个新的行元素，否则只输出一个新列。

谢谢您的帮助

语义 UI 很棒，但它对于设置响应式/移动就绪的网站架构并没有真正的帮助。是否可以在同一个项目中使用 Foundation UI 和 Semantic UI？我喜欢 Semantic 中可用的小部件的广度（更不用说非常简单的语法），但我认为我需要使用 Foundation 的移动/桌面网格功能。

那么框架的基础（可能还有排版），元素/小部件的语义 UI？可能的？非常不推荐？

（先发制人：Foundation 和 Twitter Bootstrap 之间的功能似乎有很多重叠，虽然我也喜欢 Bootstrap，但 Foundation 似乎在功能上更广泛而不会丢失任何东西，所以这就是为什么特定的 Foundation-Semantic comparo）

是否有在 Semantic-UI 中创建固定宽度内容的“正确”方法？

我在页面上有一个画布元素，它必须保持特定的大小，但是当使用他们的网格系统时，无论我尝试什么设置，它似乎总是会缩放。