Question

所以我目前正在做一些事情，我的问题是我的表没有响应，很可能是因为我正在使用的按钮。其他表格显示正常。

屏幕： Screenshot

代码：

<tr>
                                <td><? echo $sLa['id']; ?></td>
                                <td><? echo $sLa['Name']; ?></td>
                                <td><? echo $sLa['Modell']; ?></td>
                                <td><? echo $sLa['Version']; ?></td>
                                <td><? echo $sLa['IP']; ?></td>
                                <td>
                                    <a href="registeroverview.php?id=<?php echo $sLa['id']; ?>&kid=<?php echo $lID; ?>"><button type="button" class="btn btn-info btn-xs">Detail</button></a>
                                    <a href="editregister.php?id=<?php echo $sLa['id']; ?>"><button type="button" class="btn btn-primary btn-warning btn-xs">Bearbeiten</button></a>
                                    <a href="#"><button type="button" class="btn btn-primary btn-danger btn-xs">Löschen</button></a>
                                </td>
                            </tr>

最后一个td包含按钮。有谁知道如何让那张桌子响应？

Answer 1

评论中建议的表格响应类使得表格内部有一个水平滚动条，这可能就是您要找的。

表本身并没有真正“响应”，你拥有的表已经是它将获得的最小值 - 表中的内容会强制它变宽 - 请检查：http://zurb.com/article/982/a-new-take-on-responsive-tables

表格具有神奇的属性，表明它们永远不会那么小一个字的部分必须被切断 - 它们不能溢出。那意味着，当你的设计缩小宽度时，比如a 智能手机，大数据表将确保您的设计实际上没有一路缩小。

Answer 2

<tr>
      <td><? echo $sLa['id']; ?></td>
      <td><? echo $sLa['Name']; ?></td>
      <td><? echo $sLa['Modell']; ?></td>
      <td><? echo $sLa['Version']; ?></td>
      <td><? echo $sLa['IP']; ?></td>
      <td>
             <div style="width: <PUT_YOUR_PIXEL_SIZE>">
                  <a href="registeroverview.php?id=<?php echo $sLa['id']; ?>&kid=<?php echo $lID; ?>"><button type="button" class="btn btn-info btn-xs">Detail</button></a>
                  <a href="editregister.php?id=<?php echo $sLa['id']; ?>"><button type="button" class="btn btn-primary btn-warning btn-xs">Bearbeiten</button></a>
                  <a href="#"><button type="button" class="btn btn-primary btn-danger btn-xs">Löschen</button></a>
             </div>
      </td>
</tr>

包含按钮的Bootstrap表没有响应

2 个答案: