如何删除部分上的多余空格

Question

我正在尝试删除预订收音机、播客和语音约会的地方下方的额外空间。[在此处输入图片描述][1] 我的代码在下方。

section class="colored-section" id="title">

    <div class="container-fluid">



      <!-- Nav Bar -->

      <nav class="navbar navbar-expand-lg navbar-light">



        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarTogglerDemo02">

          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link" href="#footer">Contact</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#pricing">Pricing</a>
            </li>
          </ul>

        </div>
      </nav>

      <div class="row">


      <div class="col-lg-6 col-md-12">
        <img class="title-image" src="images/Stephan's Notes.Rs3.1-01.png" alt="logo-mockup">
      </div>

      <div class="col-lg-6 col-md-12">
        <h1 class="big-heading">The place to book your radio, podcast and voice over appointments.</h1>
      </div>

      </div>

    </div>

</section>

CSS 部分

.title-image {
    position: relative;
    bottom: 30%;
    left: 40%;

.big-heading {
    position: relative;
    font-family: "Montserrat-Black";
    right: 700px;
    white-space: nowrap;
    top: 100px;

Answer 1

我不知道我是否明白，但是您可以尝试检查元素并检查这些 BootStrap 类的边距...