반응 부트 스트랩 버튼 (bsStyle)의 색상을 재정의하는 방법은 무엇입니까?

내 코드 : <Label bsStyle='success'>{myNumber}</Label>

성공 버튼의 기본값은 #5cb85c

i를이 버튼을 내 응용 프로그램의 나머지 부분을 일치하도록 약간 다른 녹색 (#70bf41를) 싶습니다.

2017-11-22 morrime

다음 나는 https://github.com/twbs/ (SCSS으로 부트 스트랩 스타일의 로딩을 권 해드립니다 bootstrap-sass # usage)를 CSS에 컴파일하기 전에 모든 구성 요소에 적용합니다. –

bsClass 소품은 <Label/>으로 지원됩니다. ->doc

맞춤 CSS 클래스와 원하는 클래스 스타일 스타일을 전달할 수 있습니다.

의사 코드를 사용하여 내 의미를 나타냅니다. 당신이 당신의 응용 프로그램 전체에서 부트 스트랩의 색상을 무시하려는 경우 [변수를 변경할 수] 수 있도록

<style> 
    .custom-color { 
    color: #70bf41; 
    } 
</style> 

// react component 
<Label bsClass="custom-color">{myNumber}</Label>

2017-11-22 18:55:44

이것은 정규 레이블 스타일을 제거하는 실제'.label' 클래스를 변경합니다. Label 스타일을 사용자 정의 색상으로 확장해야하는 경우 className 메소드가 span 변수로 전달됩니다. –

답변