Question

我的HTML

<div class="container">
    <div class="row">
        <div>
            <table class="table table-bordered table-striped" width="600">
                <tr>
                    <td>User Count</td>
                    <td>@Model.UserCount</td>
                </tr>
            </table>
        </div>
    </div>
</div>

忽略width="600"。我在某处读到这是因为桌子100％填满了容器。但是如何覆盖它并为表设置特定的宽度？

Answer 1

使用style="width:600px"而不是width=600。或者您可以在样式表中执行此操作：

.table {width:600px;}

Answer 2

请在下面试试，它对我有用：

＆＃13;

.table
{
  width: 400px;
  border: 1px solid black;
}

＆＃13;

<div class="container">
    <div class="row">
        <div>
            <table class="table table-bordered table-striped">
                <tr>
                    <td>User Count</td>
                    <td>@Model.UserCount</td>
                </tr>
            </table>
        </div>
    </div>
</div>

＆＃13;

如何为引导表设置特定宽度

2 个答案: