title: react-bootstrap Jumbotron background image
body: <p>Looking for a way to change the background-image of a jumbotron component</p>
  
  <p>this is what I've tried but no luck:</p>
  
  <pre><code>class Jumbo extends Component {
    render() {
      var styles ={
        "background-image":"http://worldkings.org/Userfiles/Upload/images/Yale.jpg"
      }
      return (
        &lt;div&gt;
          &lt;Jumbotron style={styles}&gt;
              &lt;h1&gt;Public Art&lt;/h1&gt;
              &lt;br/&gt;
              &lt;p&gt;
              A crowd-sourced archive of art in public spaces.
              &lt;/p&gt;
  
              &lt;Button bsStyle="primary" href="#" &gt;Learn more&lt;/Button&gt;
  
              &lt;Button bsStyle="primary" href="#" &gt;Submit a Piece&lt;/Button&gt; 
              {/*link these!*/}
  
          &lt;/Jumbotron&gt;
        &lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p>any pointers?</p>