2016-08-11 5 views
0

私はRailsプロジェクトにSemantic-UIを使用していますが、実際にはhttps://github.com/doabit/semantic-ui-sassを使用しています。私は次の公式の例を使用していますSemantic-ui stackableが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の中で、それはメディアクエリをトリガしません。私はsemantic.min.cssとsemantic.min.jsを使ってベンダーファイルをテストしましたが、同じ結果が得られました。

さらに、私はそれをRails 4.2.6と5.0.0のどちらかでテストしました。

+0

それを試してみましたが、それは私にとってうまくいっているようです。 – mrvncaragay

+0

@mrvncaragayメタビューポートを追加するのを忘れてしまいました。 –

答えて

0

私は自分自身を殺すべきです、それは辛抱強く私の悪かったです。私は忘れてしまった:

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

これを読んだ皆さんありがとう。

関連する問題