我正在尝试使用react-bootstrap 创建一个简单的轮播。
这是我试图创建的简单的不受控制的轮播。https://react-bootstrap.github.io/components/carousel/ https://react-bootstrap.github.io/components/carousel/
这是我的代码,
import React from 'react';
import Carousel1 from '../../../assets/FootTheBall_SignUpScreen_CarouselImage-01.png';
import Carousel2 from '../../../assets/FootTheBall_SignUpScreen_CarouselImage-02.png';
import Carousel3 from '../../../assets/FootTheBall_SignUpScreen_CarouselImage-03.png';
import Carousel4 from
import Carousel from 'react-bootstrap/lib/Carousel';
const Core = () => (
<main className="core">
<article className="left">
<Carousel>
<Carousel.Item>
<img src={Carousel1} alt=""/>
</Carousel.Item>
<Carousel.Item>
<img src={Carousel2} alt=""/>
</Carousel.Item>
<Carousel.Item>
<img src={Carousel3} alt=""/>
</Carousel.Item>
</Carousel>
</article>
<article className="right"></article>
</main>
);
export default Core
图像垂直堆叠并且不会发生任何过渡。我在这里做错了什么。
我也遇到了完全相同的问题。在public/index.html
文件,而不是链接到
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
我把它改为
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
有效 :)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)