Navbar 드롭 다운이 필요하며 부트 스트랩 스프로킷을 생산 환경에서 사용해야합니다.

Question

레일 5 앱에 bootstrap gem (alpha-v6)이 설치되어 있습니다. documentation의 예와 똑같이 구현 된 내 탐색 표시 줄에 드롭 다운이 있습니다.

그러나 현재는 내 application.js에서 요구하는 내용에 따라, 생산 또는 개발 중 협력 : 생산

//= require jquery 
//= require tether 
//= require bootstrap-sprockets 
//= require jquery_ujs 
//= require turbolinks 
//= require_tree . 

작품 :

개발

작품

//= require jquery 
//= require tether 
//= require bootstrap 
//= require bootstrap-sprockets 
//= require jquery_ujs 
//= require turbolinks 
//= require_tree . 

설명서에 따르면 bootstrap과 bootstrap-sprockets이 모두 필요하지 않다고 나와 있습니다. 그러나 지금까지는 프로덕션 환경에서 작동하도록 다른 방법을 찾을 수 없습니다.

무엇이 누락 되었습니까?

Answer 1

우선, bootstrap-sass 젬을 사용하는 것이 좋습니다. 부트 스트랩의 흉포 변수, 클래스, 믹스 틴 등을 활용할 수 있습니다. 필자의 의견으로는 레일 앱과 쉽게 통합 할 수 있으며 원하는 경우 이전의 부트 스트랩 보석과 같은 방식으로 사용하려면 그렇게 할 수 있습니다. 내 대답 은행은 bootstrap-sass 보석을 사용하고 있습니다.

bootstrap gem documentation에 따르면 부트 스트랩 및 부트 스트랩 톱니를 모두 포함하면 안됩니다. 따라 문서

: 부트 스트랩은 모든 부트 스트랩 Javascript를 함유 연결된 파일을 제공한다

스트랩-스프로킷 개별 부트 스트랩 자바 스크립트 파일 (예 alert.js 또는 dropdown.js 등)를 제공한다. 그래서

제대로 부트 스트랩의 자바 스크립트 기능을 포함하도록 : 또한

//= require jquery 
//= require jquery_ujs 
//= require bootstrap 
//= require turbolinks 
//= require_tree 

, 이것은 당신이 현재 명시 적마다 turbolinks 드롭 다운 함수를 호출하여 작업 보석 bootstrap-sass

Answer 2

내가 가진를 사용하는 가정을 페이지를 다시로드합니다.

//= require jquery 
//= require jquery_ujs 
//= require tether 
//= require bootstrap 
//= require turbolinks 
//= require_tree . 

$(document).on('turbolinks:load', function() { 
    $('.dropdown-toggle').dropdown(); 
}) 

그러나이 문제를 해결할 필요가 없어서 문제에 대한 진정한 답변을 얻고 싶습니다.