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中測試過它。

來源

2016-08-11 Iván Portilla

試了一下，它看起來像它的工作對我很好 – mrvncaragay

@mrvncaragay謝謝你嘗試幫助，我忘了添加元視口。 –

我應該自殺，這是我的不好。我忘了補充：

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

謝謝大家誰閱讀此。

來源

2016-08-11 22:05:07

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

回答

相關問題