面板标题栏中左右分开的样式 以及面板带表格代码

<style>
        .panel-default .panel-heading {
            display: flex;
            flex-direction: row;
            justify-content: space-between;   //flex布局，这个class下面的两个idv会占到两边
        }

        .panel-default > .panel-heading a {
            text-decoration: none;
        }

        .panel-default > .panel-heading span {  
            padding: 0 5px;
        }
</style>

面板带着表格

<div class="panel panel-default">
  <!-- Default panel contents -->
  <div class="panel-heading">Panel heading</div>
  <div class="panel-body">
    <p>...</p>
  </div>

  <!-- Table -->
  <table class="table">
    ...
  </table>
</div>