How do I create a transparent jumbotron with Bootstrap v. 4.0.0?

Question

I've searched through the internet and haven't found any solution for the newest version of bootstrap.

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).

Is there a simple way to do this?

EDIT: A part of my HTML:

<div class="jumbotron">

  <h1 class="display-3 text-right">name</h1>

  <hr class="my-4 text-right">
    <p class="lead text-right">description</p>
  <p class="lead text-right">
    <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
  </p>

</div>

Answer 1

This could help

.jumbotron {
    background: rgba(204, 204, 204, 0.5);
}

Answer 2

You could just add bg-transparent in your html

<div class="jumbotron bg-transparent">
  ... 
</div>