Semantic-ui stackable이 레일즈에서 작동하지 않습니다

Question

레일스 프로젝트에 Semantic-UI를 사용하고 있습니다. 실제로는 https://github.com/doabit/semantic-ui-sass을 사용하고 있습니다. 반응 형 그리드에 "쌓을 수있는"것을 사용하는 경우를 제외하고는 모든 것이 좋습니다. 나는 다음 공식 예제를 사용하고

:

<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 파일에서 완벽하게 작동하지만, 레일에 미디어 쿼리를 실행하지 않습니다. 나는 보석없이 semantic.min.css와 semantic.min.js를 사용하여 벤더 파일을 테스트했다. 나는 같은 결과를 얻고있다.

게다가 레일즈 4.2.6과 5.0.0에서 테스트했습니다.

Answer 1

나는 나 자신을 죽여야한다. 그것은 나쁘게도 나빴다.

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

이 글을 읽을 모든 사람 주셔서 감사합니다 : I 추가 잊어 버렸습니다.