Bootstrap React Jumbotron 背景图像

Question

有谁知道如何在 Bootstrap React 中将背景图片放到 jumbotron 上？我尝试过使用样式表和内联样式（camelCase），但都没有奏效。到目前为止，我的 css 样式表中有这个。我可以让图像出现在 chrome 开发工具中，但 Bootstrap React 必须以某种方式覆盖背景颜色，但我不确定如何。这是我在样式表上的代码：

.jumbotron {
    background-image: url("https://freebigpictures.com/wp-content/uploads/shady-forest.jpg")!important;
 }

这是我的组件代码：

<>
<Jumbotron fluid>
<Container>
<h1>Fluid jumbotron</h1>
<p>
  This is a modified jumbotron that occupies the entire horizontal space of
  its parent.
</p>
</Container>
</Jumbotron>
</>

任何帮助将不胜感激！

Answer 1

很晚了，但是style属性是“backgroundImage”，你可以这样称呼它：

<Jumbotron fluid style={{backgroundImage: `url(...)`}}>