html - react 引导 : Carousel carousel indicator

Question

我使用 React Bootstrap 轮播。指示器按钮未正确对齐，尺寸也不对。有办法解决这个问题吗？

http://imgur.com/a/lhxMS

<Grid>
    <Row >
        <Col md={6} md={12}>
            <Carousel>
                <Carousel.Item>
                    <img  src="https://docs.google.com/uc?id=0B0huBtqYaof7c0dpVFdGbGl0MWs"/>

                </Carousel.Item>
                <Carousel.Item>
                    <img  src="https://docs.google.com/uc?id=0B0huBtqYaof7MVAySV9jME9TWWM"/>

                </Carousel.Item>
                <Carousel.Item >
                    <img src="https://docs.google.com/uc?id=0B0huBtqYaof7N250S3JicmxxNmM"/>

                </Carousel.Item>
                <Carousel.Item >
                    <img   src="https://docs.google.com/uc?id=0B0huBtqYaof7MDF5Vm1VYWhoY3M"/>

                </Carousel.Item>
                <Carousel.Item >
                    <img  src="https://docs.google.com/uc?id=0B0huBtqYaof7X1ROMUxRMjVsN00"/>

                </Carousel.Item>
            </Carousel>
        </Col>
    </Row>
</Grid>

Answer 1

您需要将图片高度设置为轮播的高度:

<Carousel>
    <Carousel.Item>
      <img width={900} height={500} alt="900x500" src="/assets/carousel.png"/>
    </Carousel.Item>
</Carousel>