레일 4 - 부트 스트랩과 함께 마지막으로 인쇄 스타일 시트를로드하는 방법

Question

4.1.5에 레일 앱이 있습니다. 인쇄가 필요하고 정확한 글꼴 크기 및 td 경계선 두께 (얇음)로 인쇄해야하는 점수 시트 페이지가 있습니다. 나는 bootstrap-sass 보석을 사용하고 있습니다.

방금 ​​코드를 부트 스트랩 3으로 업데이트했고 부트 스트랩이 내 점수 시트 CSS를 방해하고 있음을 알았습니다. 최선의 전략은 무엇입니까?

1. 내 점수 시트 CSS 파일을 lib/assets 또는 vendors/assets에 넣으십시오. 마지막으로로드 된 공급 업체/자산과 함께 내림차순으로로드 순서가 있다고 읽었지만 사실인지 확인할 수 없습니다.

2. 내 부트 스트랩에 css (또는 sass)를 넣어서 @import bootstrap 지시어 뒤에 CSS를 재정의하십시오.

3. 내 application.css에서 require_tree를 제거하고 각 파일을 명시 적으로 요구합니다. require_tree가 임의의 순서로 파일을로드한다는 것을 알고 있습니다.

4. 위 항목 중 어느 것?

Answer 1

require_tree은 알파벳순으로로드됩니다. 각 파일의 앞에 접두사를 붙일 수는 있지만 그건 내 추천이 아닙니다.

명시 적으로 파일을 요구할 수 있으며, 그 나머지는 나머지 권장 사항 인 require_tree을 따르는 것이 좋습니다.

1. 는 (부트 스트랩/variables.scss 참조)
2. 가져 오기 변수를 일치하는 값을 선언 : 당신이 그런 사이트 전체 글꼴 크기와 같은 모든 말대꾸 변수를 기반으로 항목에 영향을하려는 경우, 순서에 대해서는

   부트 스트랩

3. 에 구체적인 사항이 필요하면 require_tree로 캐치 올