语义UI响应实用程序解决方法

Question

我是一个语义u新手，通常我使用bootstrap 3.0，我真的很喜欢＆＃34; visible-xs＆＃34;功能，有人在semantic-ui上有解决方法吗？

Answer 1

基本上，它只是

.visible-xs { display: none !important; }

@media (max-width: 767px) {
    .visible-xs { display: block !important; }
}

只需将其添加到CSS。

Answer 2

您可以使用容器的可见性： http://semantic-ui.com/elements/container.html#/introduction

但要小心，它们只适用于容器而非单个元素。

如果你想在特定元素上像Bootstrap一样使用它，你可以使用这些片段中的一些：

https://github.com/Semantic-Org/Semantic-UI/issues/1114

这实际上是允许对语义进行支持的讨论;）