Reactブートストラップグリッドはタブペイン内で全幅に広がっています

Question

反応コンポーネントは反応したブートストラップからのもので、ブートストラップの中心に詰まったパッディングされたコンテナを持つdiv内に含まれています。残念ながら、タブ内のグリッドは画面の右端までずっと伸びていると思っているようです。親divの幅内にスティックされていることを確認するにはどうすればよいですか？ここで

はコードの本質です：

render() { 
 
    return (
 
    <div class="container"> 
 
     <Tabs> 
 
      <Tab> 
 
      <Grid> 
 
       <Row> 
 
       <Col md={12}> 
 
        <Panel> 
 
        Hi 
 
        </Panel> 
 
       </Col> 
 
      </Row> 
 
      </Grid> 
 
     </Tab> 
 
     </Tabs> 
 
    </div>   
 
    ); 
 
    }

Answer 1

フル幅のレイアウトに固定幅のレイアウトからグリッドをオンにするグリッドの流体の小道具を使用してみてください。参照してください ：https://react-bootstrap.github.io/components.html#grid：小道具

render() { 
    return (
    <div class="container"> 
     <Tabs> 
      <Tab> 
      <Grid fluid={true}> 
       <Row> 
       <Col md={12}> 
        <Panel> 
        Hi 
        </Panel> 
       </Col> 
      </Row> 
      </Grid> 
     </Tab> 
     </Tabs> 
    </div>   
    ); 
    }