Semantic-ui堆栈不能在Rails中工作

问题描述：

我为我的Rails项目使用了Semantic-UI，实际上我使用的是https://github.com/doabit/semantic-ui-sass，除了当我使用“可堆叠”作为响应式网格时，一切都很好。Semantic-ui堆栈不能在Rails中工作

我使用的是下一个官方例子：

<h3 class="ui center aligned header">Stackable Grid</h3> 
<div class="ui two column stackable grid"> 
    <div class="column"> 
     <div class="ui segment">Content</div> 
    </div> 
    <div class="column"> 
     <div class="ui segment">Content</div> 
    </div> 
    <div class="three column row"> 
     <div class="column"> 
     <div class="ui segment">Content</div> 
     </div> 
     <div class="column"> 
     <div class="ui segment">Content</div> 
     </div> 
     <div class="column"> 
     <div class="ui segment">Content</div> 
     </div> 
    </div> 
    <div class="ten wide column"> 
     <div class="ui segment">Content</div> 
    </div> 
    <div class="six wide column"> 
     <div class="ui segment">Content</div> 
    </div> 
</div>

它完美地在一个单独的HTML文件，但在Rails的它不触发媒体查询。我也在没有任何gem的供应商文件中使用semantic.min.css和semantic.min.js进行了测试，我得到了相同的结果。

除此之外，我已经在Rails 4.2.6和5.0.0中测试过它。

试了一下，它看起来像它的工作对我很好 – mrvncaragay

@mrvncaragay谢谢你尝试帮助，我忘了添加元视口。 –

答

我应该自杀，这是我的不好。我忘了补充：

<meta name=viewport content="width=device-width, initial-scale=1">

谢谢大家谁阅读此。

Semantic-ui堆栈不能在Rails中工作

相关推荐