Html 行保持浮动在bootstap4选项卡的内部和上方

页脚行保持在表格上方弹出如何防止它，表格上方的代码 很快，我就尝试使用引导卡而不是tabel，我认为没有问题 这是塔贝尔问题

<div class="row justify-content-center">
<div class="col-md-6">
    <div class="input-group mb-3">
      <div class="input-group-prepend">
        <button class="btn btn-outline-secondary" type="button">search</button>
      </div>
      <input type="text" class="form-control" placeholder="" aria-label="" aria- 
describedby="basic-addon1">
    </div>
</div>
</div>

<br>

<div class="row">
<table class="table">
  <thead class="thead">
    <tr>
      <th scope="col">#</th>
      <th scope="col">product</th>
      <th scope="col">category</th>
      <th scope="col">Date order</th>
      <th scope="col">status</th>
      <th scope="col">update</th>
      <th scope="col">remove</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>

    </tr>
</tbody>
</div>

<div class="row">
<footer class="page-footer font-small blue">

  <!-- Copyright -->
  <div class="footer-copyright text-center py-3">© 2020 Copyright:
    <a href="https://mdbootstrap.com/"> MDBootstrap.com</a>
  </div>
  <!-- Copyright -->

</footer>
</div>

搜索


#
产品
类别
日期订单
地位
更新
去除
1.
做记号
奥托
@mdo
©2020版权所有：

您缺少一个结束标记

您可以将代码粘贴到中，然后选择HTML下拉箭头和“分析HTML”来帮助查找类似的内容