反応ブートストラップは、React JSアプリケーション内の他のコンテンツを置き換えます。

Question

私はサンプルレスキューブートストラップモーダルボックスを作成しました。基本的には - http://react-bootstrap.github.io/components.html#modals-liveと同じコードです。このモデルは、別のコンポーネントに子として追加した独自のコンポーネントです。モーダルはうまくいきますが、ページの上に表示されるべきときに、そのページに存在する残りのコンテンツを置き換えます。私は何が間違っているかもしれないか分からない。親コンポーネントは以下の通りです。 -

<div className="detail-sctions"> 
    <TestModal closeModel = {this.closeTestModal.bind(this)} showModal={this.state.showModel}/> 

     <ul className="tabs nav-backs"> 
      <li className="tab-title nav-backs"><button onClick={}>tab1</button></li> 
      <li className="tab-title nav-backs active"><button>tab1</button></li> 
      <li className="tab-title nav-backs"><button>tab3</button></li> 
      <li className="tab-title nav-backs"><button onClick={}>tab4</button></li> 
      <li className="tab-title nav-backs"><button>tab5</button></li> 
     </ul> 
</div> 

ここでTestModalはそのリンクのサンプルコードです。

Answer 1

githubの反応ブートストラップフォーラムから、ブートストラップCSSが例のように動作するようにする必要があることを知っています。だから、ブートストラップCSSを追加した後、うまく動作します。