Tepsi bölmesi içinde tam genişliğe yayılan Önyükleme Örtüsü ızgarası

Question

Bir sekme bölmesi içinde diğer bileşenlerin bir ızgarasını düzenleyen, tepkisel önyüklemeden ve önyüklemenin ortalanmış, yastıklı kapının devam ettiği bir bölmenin içinde yer alan bir tepki bileşenim var. Maalesef Tabaktaki Izgara, ekranın sağ kenarına kadar uzanması gerektiğini düşünüyor. Ebeveyn divunun genişliği içinde yapıştığından nasıl emin olabilirim?

İşte kod özü budur:

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

Answer 1

deneyin tam genişlikli düzeni içine sabit genişlikli düzenden Izgara açmak için Grid sıvı pervane kullanmak için. Bkz: 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>   
    ); 
    } 

sahne