html – I want my main bootstrap to overlap my jumbotron.

I’m trying to overlap my main container a bit on top of my jumbotron, I’ve tried messing with “my, mb, py, pb” but it doesn’t overlap

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1>Jumbotron H text</h1>
    <p>Text</p>
  </div>
</div>

    <main role="main" class="container">
      <div class="d-flex align-items-center p-3 my-3 text-white-50 bg-purple rounded box-shadow">
        
        <div class="lh-100">
          <h6 class="mb-0 text-white lh-100">
            <?php
                if(isset($_SESSION) && isset($_SESSION['login'])){ ?>
                Welcome <?php echo $username; ?>
                </h6>
          <small>Since <?php echo $created; ?></small>
                <?php }else{ ?>
                Please <a href="login.php">Sign in</a> or <a href="register.php">Register</a>
                <?php } ?>
     </div>
      </div>

Write a Comment

Your email address will not be published. Required fields are marked *