Bootstrap pull-right将桌子推到固定宽度的容器外面

时间:2016-01-25 18:57:49

标签: html css3 twitter-bootstrap-3

当我的col-xs-6 pull-right包含一个表格,其中text-nowrap类延伸100%,将单元格拉伸到col-xs-6以上时,它会向右移出固定的<div class="container-fluid" style="width:400px; background:#CCC;"> <div class="row"> <div class="col-md-12"> <table border="1" width="100%"> <tbody> <tr> <td>Item 1</td> <td class="text-right">420.00</td> </tr> </tbody> </table> </div> </div> <div class="row"> <div class="col-md-6 pull-right"> <table border="1" width="100%"> <tbody> <tr> <td class="text-nowrap">Sub Total with long text</td> <td class="text-right">420.00</td> </tr> <tr> <td>Total</td> <td class="text-right">420.00</td> </tr> </tbody> </table> </div> </div> </div> 宽容器。我希望它应该流向 left 并使右边框对齐。这可能吗?

了解问题的最佳方法是查看此代码。

PROBLEM showcase on bootply

我也在这里粘贴代码,以防链接无法正常工作(需要bootstrap 3)

db_table

更新:我的容器需要精确到400px,不能更改容器大小。

1 个答案:

答案 0 :(得分:0)

你的问题好像是SELECT *,Count(*) as sc FROM `ForgeRock` Group by name ,如果你删除这个类,文本会回到表格中,但我可以看到文本然后进入多行。

以下是为我修复的代码:

text-nowrap

我只是让你的桌子变大了50px,希望你的桌子不需要精确到400px,如果你不做50px更大就能解决这个问题。 :P

祝你好运:)