反応起動ストラップコンポーネントをカスタマイズするにはどうすればよいですか？

Question

cssクラスを無効にする/反応起動ストラップコンポーネントをカスタマイズする最適な方法は何ですか？ - （私はドキュメントを読んでいて、何かが欠けていない限り、これはカバーされていません）。

私が読んだところでは、インラインスタイル（ラジウム）とCSSモジュールの選択肢のようですが、それはより良い理由です。

Answer 1

これはあなたの質問に答えてもわかりませんが、Documentationは明確な例を示しています。例えばButton

小道具

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

は、この1つはあなたのButtonコンポーネントにカスタムCSSクラスを追加するように変更することができます。また、componentClassを設定すると、コンポーネントを変更できます。 custom-classが

が新しい、非ブートストラップ、コンポーネントのCSSスタイルを提供できるCSSクラスです

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

。

FiddlebsClassの使用例を示します。

インラインスタイル： 現在、インラインCSSでスタイルをオーバーライドする方法はありません。これについてbugが記入されていることを確認してください。

あなたは実際のスタイルの小道具を使いたいと思います。 bsClassが スタイル

Answer 2

をインラインないブートストラップCSSクラスをコンポーネントに適用される 方法を調整するためのものであり、私は（私のような）ほとんどの人々のためにこれに対する答えは1が反応し、ブートストラップするコンポーネントをカスタムスタイルを追加できるということだと思いますstyle支柱を使用してください。例えば。青色のテキストでデフォルトボタンのために：

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

または

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