reactjs - React-bootstrap Carousels 垂直渲染
问题描述
我只是想渲染一个非常非常基本的直旋转木马。
但它甚至没有正确渲染。显然我可能会错过一些非常愚蠢的东西。它将所有图像垂直渲染在一起。指示器也未正确对齐。是否需要一些css。如果是的话,我可以从哪里得到它。
<Carousel>
<Carousel.Item>
<img
className="d-block w-100"
src="holder.js/800x400?text=First slide&bg=373940"
alt="First slide"
/>
<Carousel.Caption>
<h3>First slide label</h3>
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</Carousel.Caption>
</Carousel.Item>
<Carousel.Item>
<img
className="d-block w-100"
src="holder.js/800x400?text=Second slide&bg=282c34"
alt="Third slide"
/>
<Carousel.Caption>
<h3>Second slide label</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</Carousel.Caption>
</Carousel.Item>
<Carousel.Item>
<img
className="d-block w-100"
src="holder.js/800x400?text=Third slide&bg=20232a"
alt="Third slide"
/>
<Carousel.Caption>
<h3>Third slide label</h3>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
</Carousel.Caption>
</Carousel.Item>
</Carousel>;
请帮助我,我完全陷入了这个问题。任何帮助将不胜感激。
谢谢
解决方案
推荐阅读
- javascript - 每次我发送新请求时,我的快速会话都会被覆盖,我想知道这是否是因为我的开发环境?反应 + 表达
- c# - 在 ASP.NET Core 中,您在哪里配置重定向登录?
- reactjs - 可以隐藏一个选项卡屏幕元素吗?
- c# - WebClient.DownloadFile 和正确的 C# 中的 url 操作已超时
- angular - 像 PLATFORM_ID 这样的 Angular 核心提供程序
- python - 使用 SQLAlchemy 和 PostgreSQL 查询两个表
- python - 如何将kivy中的文本输入保存到变量中
- ios - 如何禁用按钮而不是tableview单元格中的当前?
- flutter - 在 Android 中更改 Flutter 的表情符号字体
- python - 烧瓶 url_for - 传递参数