我如何为引导表类'table table-bordered'自定义CSS？ 它对我不起作用

Question

我是网页设计的新手。 请帮忙。

我正在使用bootstrap 3.0。 我有一张桌子有下面的数据。

<table class="table table-bordered" width="100%">
<thead>
    <tr>
        <th>Column 1</th>
        <th>Column 1</th>
        <th>Column 1</th>
    </tr>
</thead>
<tbody>
    <tr class="found">
        <td>hello</td>
        <td>hello</td>
        <td>hello</td>
    </tr>
    <tr class="found">
        <td>hello</td>
        <td>hello</td>
        <td>hello</td>
    </tr>
    <tr class="found">
        <td>hello</td>
        <td>hello</td>
        <td>hello</td>
    </tr>
    <tr class="found">
        <td>hello</td>
        <td>hello</td>
        <td>hello</td>
    </tr>
    <tr class="found">
        <td>hello</td>
        <td>hello</td>
        <td>hello</td>
    </tr>
    <tr class="found">
        <td>hello</td>
        <td>hello</td>
        <td>hello</td>
    </tr>
</tbody>

我想在自定义类下面使用自定义site.css文件。

我想对“表”和“表边框”使用类选择器。 所以我的代码如下所示。类名是破折号。

   table.table-bordered.dash {
    width:100%
    }

所以第一行代码将像这样...

<table class="dash">

而不是写作

<table class="table table-bordered" width="100%">

我想写下面的东西

<table class="dash">

但它不起作用..请帮助。

Answer 1

您可以做到100％的宽度

<table class=" col-sm-12 col-md-12 col-lg-12 table table-bordered">
...
</table>