Boostrap collapse not working : Attempting to use Boostrap collapse in a form and it is non-responsive. Copy & pasted directly from the Boostrap website but still does not work. Please help!


    <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" data-target="firstname" aria-expanded="false" aria-controls="collapseExample">
       Test
     </a>
    <form>
      <div class="form-row mb-1 collapse" id="firstname">
        <div class="form-group col-md-6">
          <input type="email" class="form-control" placeholder="Legal first name">
        </div>
      </div>
      <div class="form-group col-md-6">
        <input type="password" class="form-control" id="inputPassword4" placeholder="Legal last name">
      </div>
    </div>
      </form>