(정적) 부트 스트랩 템플릿을 레일스 자산 파이프 라인에 통합하는 방법은 무엇입니까?

Question

저는 트위터 부트 스트랩, 레일 3.2.1 및 트위터 부트 스트랩 레일 젬 (https://github.com/seyhunak/twitter-bootstrap-rails)으로 홈페이지를 만들고 있습니다.

클래식 트위터 이외의 다른 디자인을 원했고 bootswatch.com에서 "United"이라는 멋진 템플릿을 발견했습니다.

4 개의 파일 (bootstrap.css/bootstrap.min.css/variables.less/bootswatch.less)을 다운로드했습니다.

어떻게 이러한 파일을 자산 파이프 라인에 통합 할 수 있습니까?

내 'app/assets'디렉토리의 목록입니다 (파일은 twitter-bootstrap-rails gem에서 생성됩니다).

실마리가 없습니다. 당신이 bootswatch의 설치 시스템에 체크하면

Answer 1

당신은 단지 당신이 너무 모든 부트 스트랩 요구 사항을 삭제할 수 있도록 application.css에

//= require bootstrap.min.css 

을 추가 웹 사이트에서 bootstrap.min 다운로드를 필요로합니다.

Answer 2

동일한 보석 (bootstrap-sass-rails)을 사용하고 때로는 bootswatch에서 사용자 정의 테마를 다운로드합니다. 나의 접근 방식은 매우 간단하다 : 나는 (등 색상, 글꼴, ..)해야하는 변수 확인,

• 나는 단지 variables.less 파일을 다운로드 후, 나는 SCSS 구문으로 변환

• 0,123,046 : 변수가 위에서 정의한 후, 나는 여기

가 빠른 예입니다 (당신이 일반적으로 모든 번들이 필요하지 않습니다) 부트 스트랩 구성 요소를 필요로 (대신 = 필요한 //의) SCSS 구문을 사용

이 방법을 사용하면 더 작은 CSS와 더 많은 방법으로 사용자 정의 할 수 있습니다.

Answer 3

가이 보석을 덜뿐만 아니라 사용하지만 사용자 정의 트위터 부트 스트랩 템플릿을 쉽게 통합 할 수 있도록 하였다 :

https://github.com/scottvrosenthal/twitter-bootswatch-rails