2016-08-11 11 views
0

Ich verwende Semantic-UI für mein Rails-Projekt, eigentlich verwende ich https://github.com/doabit/semantic-ui-sass, alles ist in Ordnung, außer wenn ich "Stackable" für ein reaktives Raster verwenden.Semantic-ui Stackable funktioniert nicht in Rails

ich das nächste offizielle Beispiel bin mit:

<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> 

Es funktioniert perfekt in einer HTML-Datei allein, sondern in Rails ist es nicht die Medienanfragen auslösen. Ich habe auch getestet semantic.min.css und semantic.min.js in Vendor-Dateien ohne Juwel und ich bekomme das gleiche Ergebnis.

Außerdem habe ich es entweder in Rails 4.2.6 und 5.0.0 getestet.

+0

versuchte es und es sieht aus wie es funktioniert gut für mich – mrvncaragay

+0

@mrvncaragay danke für den Versuch zu helfen, ich habe vergessen, die Meta-Ansichtsfenster hinzufügen. –

Antwort

0

Ich sollte mich töten, es war enterily mein schlechtes. Ich habe vergessen hinzufügen:

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

Vielen Dank für alle, die dies gelesen haben.