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のどちらかでテストしました。
それを試してみましたが、それは私にとってうまくいっているようです。 – mrvncaragay
@mrvncaragayメタビューポートを追加するのを忘れてしまいました。 –