【问题标题】:Using Reactstrap: Unable to apply CSS styles to image for CarouselItem and how to use div instead of image使用 Reactstrap:无法将 CSS 样式应用于 CarouselItem 的图像以及如何使用 div 而不是图像
【发布时间】:2018-04-15 11:02:36
【问题描述】:

我正在使用 react.js 在我的生产网站中使用 reactstrap。

我想知道是否有人可以帮助我实施 reactstrap 轮播。我正在尝试将 CSS 应用于 CarouselItem 的图像本身,但它没有被应用。对于 CarouselItem 有一个 src 的道具,但由于未使用完整的 img 标签,我不确定如何将 CSS 应用于该标签。我想知道是否有人可以帮助我解决这个问题?

我还在使用 Carousel 为新闻提要构建一个带有文本但没有图像的滑块,我不确定如何使用文本 div 而不是 img 来设置 CarouselItems?

我非常感谢您在这两个问题上的帮助。新的 reactstrap 和惊人的资源,因此试图在生产中实现它。

谢谢。

【问题讨论】:

  • 请用代码展示一些你想要做什么的例子。您可能不够具体,无法覆盖引导程序的设置。

标签: css image carousel bootstrap-4 reactstrap


【解决方案1】:

只需添加一个带有黑色字母的白色背景。完成

【讨论】:

    【解决方案2】:

    我已经设法解决了这个问题。对于任何有同样问题的人,一种解决方案是为轮播类覆盖引导 css。然后,轮播会拾取这些更改并应用 css。

    我还没有解决文本轮播,但使用 Reactstrap 可能还无法解决。

    希望这可以帮助遇到同样问题的人。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-06-05
      • 1970-01-01
      相关资源
      最近更新 更多