Bootstrap Table 超多列 使用滚动条

Bootstrap Table 超多列 使用滚动条 记录一下

 <div class="container-fluid">
            <div class="row" style="background-color: #fff;overflow: scroll;min-width:100%;">     
                    <table class="table table-hover" style="min-width:100%">
                        <thead>
                          <tr>
                            <th scope="col">#</th>
                            <th scope="col">First</th>
                            <th scope="col">Last</th>
                            <th scope="col">Handle</th>
                            <th scope="col">First</th>
                            <th scope="col">Last</th>
                            <th scope="col">Handle</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <th scope="row">1</th>
                            <td>Mark</td>
                            <td>Otto</td>
                            <td>@mdo</td>
                            <td>Otto</td>
                            <td>@mdo</td>
                          </tr>
                          <tr>
                            <th scope="row">2</th>
                            <td>Jacob</td>
                            <td>Thornton</td>
                            <td>@fat</td>
                            <td>Otto</td>
                            <td>@mdo</td>
                          </tr>
                          <tr>
                            <th scope="row">3</th>
                            <td colspan="2">Larry the Bird</td>
                            <td>@twitter</td>
                            <td>Otto</td>
                            <td>@mdo</td>
                          </tr>
                        </tbody>
                      </table>
               
            </div>
        </div>

<style>
.container{
    width: 300px;
    height: 30px;
    border: #c0bfbe 1px solid;
}
.container div{
    width: 50px;
    height: 30px;
    border: #c0bfbe 1px solid;
    display: inline-block;
}
</style>
    <div class="container" >
        <div ></div>
        <div ></div>
        <div ></div>
    </div>