반응 부트 스트랩 구성 요소를 사용자 정의하는 방법은 무엇입니까?

Question

CSS 클래스를 덮어 쓰거나 반응 부트 스트랩 구성 요소를 사용자 정의하는 가장 좋은 방법은 무엇입니까? - (필자는 문서를 읽었으며, 누락 된 것이 없으면이 내용을 다루지 않습니다.)

필자가 읽은 바로는 인라인 스타일 (라듐)과 CSS 모듈 사이에서 선택하는 것처럼 보이지만 더 좋고 왜 그런가요?

Answer 1

이 질문에 대한 답변을 모르겠지만 Documentation은 분명히 예제를 제공합니다. 예를 Button를 들어

소품

 
+--------+---------+--------+--------------------------------------------+ 
| Name | Type | Default| Description        | 
+--------+---------+--------+--------------------------------------------+ 
|bsClass | string | 'btn' | Base CSS class and prefix for the component| 
+--------+---------+--------+--------------------------------------------+ 

이 사람은 당신의 Button 구성 요소 사용자 정의 CSS 클래스를 추가하기 위해 수정이 될 수 있습니다. 또한 componentClass를 설정하여 구성 요소를 변경할 수 있습니다. custom-class이

새로운 비 부트 스트랩, 구성 요소의 CSS 스타일을 제공 할 수있는 CSS 클래스입니다

<Button type="submit" onClick={this.submit} 
bsClass='custom-class' 
> 
</Button> 

.

FiddlebsClass의 사용 예입니다.

인라인 스타일 : 현재 인라인 CSS로 스타일을 덮어 쓸 방법이 없습니다. 이것에 대해 bug을 확인하십시오.

실제 스타일 소품을 사용하고 싶습니다. bsClass하지 스타일

Answer 2

내가 (나 같은) 대부분의 사람들이에 대한 답변을 생각 인라인 부트 스트랩 CSS 클래스가 구성 요소에 적용되는 방법을 조정하기위한 하나의 구성 요소 - 부트 스트랩 반응하는 사용자 지정 스타일을 추가 할 수 있다는 것입니다 style 소품을 사용하십시오. 예 : 파란색 텍스트와 기본 버튼 :

<Button bsStyle="default" style={style.blueButton}>Button Text</Button> 

또는

<Button bsStyle="default" style={{color:"blue"}}>Button Text</Button>