生成的表较小然后编码

时间:2018-09-09 11:57:10

标签: html css twitter-bootstrap-3

我在Bootstrap 3中拥有该表,该表应该是可响应的,但表的列仍会缩小以固定在屏幕上。

表格的宽度应为1450px,但在我的屏幕上显示为1275px。

即使使用<table class="table" width="1450px">,该表也会显示为较小。 同样使用<div class="table-responsive" style="overflow-x:auto;">不会更改输出。

<div class="row">
<div class="col-lg-12">
<h2 class="page-header">Maak calculatie</h2>

<div class="table-responsive">
<table class="table">

    <thead>
      <tr>
        <th width="100px">Aantal</th>
        <th width="250px">Omschrijving 1</th>
        <th width="250px">Omschrijving 2</th>
        <th width="250px">Omschrijving 3</th>
        <th width="100px">Verkoop</th>
        <th width="500px">Opmerkingen</th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <td><div class="form-group"><input type="text" class="form-control no-border input-sm" id="aantal" name="aantal" value=""></div></td>
        <td><div class="form-group"><input type="text" class="form-control no-border input-sm" id="omschr_1" name="omschr_1" value=""></div></td>
        <td><div class="form-group"><input type="text" class="form-control no-border input-sm" id="omschr_2" name="omschr_2" value=""></div></td>
        <td><div class="form-group"><input type="text" class="form-control no-border input-sm" id="omschr_3" name="omschr_3" value=""></div></td>
        <td><div class="form-group"><input type="text" class="form-control no-border input-sm" id="prijs" name="prijs" value=""></div></td>
        <td><div class="form-group"><input type="text" class="form-control no-border input-sm" id="opm" name="opm" value=""></div></td>
      </tr>
    <tbody>

</table>                        
</div>                      
</div>                      
</div>

当我的浏览器变得非常小时,我只会得到一个水平滚动条。

感谢您的帮助。

0 个答案:

没有答案