bootstrap 的 React 旋转木马的样式不符合预期

Question

现在我想删除上一个和下一个，我还想设置显示的滑块的样式，好像它很旧，不现代

实际上我希望它看起来像 react-bootstrap 声称他们的旋转木马的样子：像这样：

我的代码片段如下

<Carousel pause="hover">
                {product.images &&
                  product.images.map((image) => (
                    <Carousel.Item key={image.public_id}>
                      <img
                        className="d-block w-100"
                        src={image.url}
                        alt={product.title}
                      />
                    </Carousel.Item>
                  ))}
              </Carousel>

Answer 1

我认为问题出在您的 css 上。你放了 bootstrap 一个吗？

{/* The following line can be included in your src/index.js or App.js file*/}

import 'bootstrap/dist/css/bootstrap.min.css';

我建议用“antd”代替 bootstrap (https://ant.design/components/carousel/)

bootstrap 的 React 旋转木马的样式不符合预期

React corousel of bootstrap is not styled as how it is supposed to be

css

carousel

reactjs

react-bootstrap