title: How do I create a transparent jumbotron with Bootstrap v. 4.0.0?
body: <p>I've searched through the internet and haven't found any solution for the newest version of bootstrap. </p>
  
  <p>I've thought of two things: Using opacity (didn't work since every other element from the Jumbotron inherits it), and setting a background image whose opacity I thought I could change later (which actually just faded from original to white, still not getting any transparency).</p>
  
  <p>Is there a simple way to do this? </p>
  
  <p>EDIT:
  A part of my HTML:</p>
  
  <pre><code>&lt;div class="jumbotron"&gt;
  
    &lt;h1 class="display-3 text-right"&gt;name&lt;/h1&gt;
  
    &lt;hr class="my-4 text-right"&gt;
      &lt;p class="lead text-right"&gt;description&lt;/p&gt;
    &lt;p class="lead text-right"&gt;
      &lt;a class="btn btn-primary btn-lg" href="#" role="button"&gt;Learn more&lt;/a&gt;
    &lt;/p&gt;
  
  &lt;/div&gt;
  </code></pre>