Html I'；我使用选项卡，我想使用下一个/上一个按钮在选项卡之间切换

我试图在我的按钮上使用#href，以便让它们切换到另一个选项卡，但它所做的只是在url中添加#name。如何使我的下一个和上一个按钮更改为相应的选项卡

<div class="card text-left">
  <div class="card-header bg-danger">
    <ul class="nav nav-tabs" data-background-color="red">
      <li class="nav-item">
        <a class="nav-link active" data-toggle="tab" role="tab" style="color:white" href="#generalinfo">General Info</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-toggle="tab" role="tab" style="color:white" href="#companyinfo">Company Info</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-toggle="tab" role="tab" style="color:white" href="#socialmedia">Social Media</a>
      </li>
    </ul>
  </div>

    <div class="card-body">
        <div class="tab-content">
            <div class="tab-pane active" id="generalinfo" role="tabpanel">
                <form action="" id="generalInfo">
                    <a href="#companyinfo" class="btn btn-danger mt-3 float-right">Next</a>
                </form>
             </div>
        </div>
    </div>

    <div class="tab-pane" id="companyinfo" role="tabpanel">
                <form action="" id="companyInfo">
                   <a href="#generalinfo" class="btn btn-danger mt-3">Back</a>
                   <a href="#socialmedia" class="btn btn-danger mt-3 float-right">Next</a>
                </form>
    </div>

---

非常感谢您的帮助。

您的javascript在哪里？请提供一个包含CSS和javascript的文档