bootstrap-sass 기본값을 변경하는 방법

Question

레일즈 3.2와 부트 스트랩 3을 사용하여 레일즈 프로젝트에서 루비 작업을하고 있습니다. 사용하고있는 보석은 부트 스트랩 - 새스이며 가장 최근의 것입니다. 내 스타일 시트 파일에서 부트 스트랩 구성 요소의 기본 속성을 변경하려고합니다. 보석 문서에서, 다음을 사용하기 전에 부트 스트랩의 특정 사항을 변경할 수 있다고 명시했습니다.

@import "bootstrap";

부트 스트랩의 미리보기 이미지 주위에 검정 테두리를 만들고 기본적으로

---

을 검은 색으로 만들고 싶습니다.

그래서 import 문 전에, 내가 추가 :

$ 축소 국경 : # 000000 5px; $ hr-border : # 000000;

그런 다음 변수를 적절한 부트 스트랩 클래스에 배치 했으므로 아무 것도 얻을 수 없습니다. 도움을 주시면 감사하겠습니다.

Answer 1

$thumbnail-border 변수를 통해 축소판 테두리 너비를 조정할 수 없습니다. 이 변수의 Bootstrap definition은 "축소판 테두리 색"입니다.

$thumbnail-border: #000000; 
@import "bootstrap"; 

: 우리는 단지 app/assets/stylesheets/application.css.scss 파일에서 이러한 라인을 가지고해야합니다 그래서

border: 1px solid $thumbnail-border; 

그래서 우리는 색상을 조정할 수 있으며, 이렇게하려면 다음 bootstrap-sass 보석에서 우리는 변수가 _thumbnails.scss 여기에 사용되는 볼 수 있습니다

는 무시하려면 모두 크기 및 색깔은 우리가 대신 application.css.scss이 뭔가를해야 할 것 :

@import "bootstrap"; 
.thumbnail { 
    border: 5px solid #000000; 
} 

다른 축소판 스타일은 유지되지만 테두리 값은 무시됩니다.