css - 包含按钮的 Bootstrap 表没有响应

Question

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

屏幕:

代码:

<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

评论中建议的table-responsive class让表格内部有水平滚动条，这可能就是你要找的。

表格本身并没有真正“响应”，您拥有的表格已经是它将获得的最小表格 - 表格内的内容迫使它变得那么宽 - 检查这个:http://zurb.com/article/982/a-new-take-on-responsive-tables

Tables have a magical property that says they can never be so small that parts of a word have to be cut off — they can't overflow. That means that, when your design shrinks down for the width of, say a smartphone, large data tables will ensure your design doesn't actually shrink all the way down.