У меня проблема с добавлением прокладки в контейнер-жидкость. Я пробовал использовать Bootstrap 4.0.0 и 4.4.1, но он не добавлял отступы

Question

У меня проблема с добавлением прокладки в контейнер-жидкость. Я пробовал использовать Bootstrap 4.0.0 и 4.4.1, но он не добавлял отступы. Мой код выглядит так же, как мой инструктор, который использует bootstrap 4.0.0

. Я пробовал использовать ту же версию, но она не сработала, и я пробовал использовать последнюю версию, но все равно не получилось.

/*css*/

.container-fluid {
  padding: 3% 15%;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" />
<section id="title">
  <div class="container-fluid">
    <div class="row">
      <div class="col-lg-6">
        <h1 class="hTitle">Meet new and interesting dogs nearby.</h1>
        <button type="button">Download</button>
        <button type="button">Download</button>
      </div>
      <div class="col-lg-6">
        <img src="images/iphone6.png" alt="iphone-mockup">
      </div>
    </div>
  </div>
</section>