仅使用引导网格系统

Question

我想仅使用bootstrap网格系统（col-md-x）绘制此表头。

我尝试了很多方法，但没有一种方法可行。

如果有人有工作解决方案。或者使用col-md-x不是最好的解决方案。

感谢
的 [UPDATE] 我做到了这一点，我知道这是错误的，它不会起作用，但它是一个开始：

<table>
    <thead>
    <tr class="col-md-12">
        <th class="col-md-1">Produit</th>
        <th class="col-md-1">Emballage</th>
        <th class="col-md-1">Certif Fournisseur</th>
        <th class="col-md-1">Certif Entreprise</th>
        <th class="col-md-1">Catégorie</th>
        <th class="col-md-1">Calibre</th>
        <th class="col-md-1">04/01</th>
        <th class="col-md-1">05/01</th>
        <th class="col-md-1">06/01</th>
        <th class="col-md-1">07/01</th>
    </tr>
    <tr class="col-md-12">
        <div class="col-md-6">
            <th class="col-md-6"></th>
        </div>
        <div class="col-md-1">
            <th class="col-md-4">Rsr</th>
            <th class="col-md-4">Arr</th>
            <th class="col-md-4">Dsp</th>
        </div>
        <div class="col-md-1">
            <th class="col-md-4">Rsr</th>
            <th class="col-md-4">Arr</th>
            <th class="col-md-4">Dsp</th>
        </div>
        <div class="col-md-1">
            <th class="col-md-4">Rsr</th>
            <th class="col-md-4">Arr</th>
            <th class="col-md-4">Dsp</th>
        </div>
        <div class="col-md-1">
            <th class="col-md-4">Rsr</th>
            <th class="col-md-4">Arr</th>
            <th class="col-md-4">Dsp</th>
        </div>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="planning in vm.plannings">
        ....
    </tr>
    </tbody>
</table>