bootstrap-4 - 在引导程序中增加表格边框大小

Question

你好我想增加这张桌子的边框尺寸我尝试了很多东西但没有任何反应，如何让主桌变暗？

有没有办法解决这个问题？

<div class="col-xs-12">
    <br/>
    <table class="table table-bordered">
            <thead>
            <tr>
                <th class="text-center" width="5%">م</th>
                <th class="text-center" width="40%">{{$receipt_details->table_product_label}}</th>
                <th class="text-center" width="15%">{{$receipt_details->table_qty_label}}</th>
                <th class="text-center" width="20%">{{$receipt_details->table_unit_price_label}}</th>
                <th class="text-center" width="20%">{{$receipt_details->table_subtotal_label}}</th>
            </tr>
        </thead>
    </table>

</div>

标签： bootstrap-4border

Answer 1

如果您不想在线条样式中使用 css。我是为桌子和第一个 td 做的。

<table class="table table-bordered" style="border-width:4px">
        <thead>
        <tr>
            <th class="text-center" style="border-width:4px" width="5%">م</th>
            <th class="text-center" width="40%">{{$receipt_details->table_product_label}}</th>
            <th class="text-center" width="15%">{{$receipt_details->table_qty_label}}</th>
            <th class="text-center" width="20%">{{$receipt_details->table_unit_price_label}}</th>
            <th class="text-center" width="20%">{{$receipt_details->table_subtotal_label}}</th>
        </tr>
    </thead>
</table>