Bootstrap列宽度因内容不同而不同

时间:2015-04-23 19:46:53

标签: wordpress twitter-bootstrap responsive-design multiple-columns grid-layout

我尝试使用Bootstrap设置wordpress网站的内部内容部分。我在每个站点上使用相同的网格布局。每个站点上的内容都会发生变化,这会改变Bootstrap列的宽度,具体取决于我猜的内容。

以下是网站示例,其中列宽几乎是完美的: http://madtrash.com/item/040001452/

以下是网站的示例,其中某些位置的列宽太小: http://madtrash.com/item/020000180/

在下一页是一个示例,其中列宽扩展太多: /项目/ 010320105 /

根据文字或图片内容,列宽似乎会发生变化?

如何在每个页面上使用相同的列宽?我尝试了很多东西,但还没有成功。

1 个答案:

答案 0 :(得分:0)

您的模板中有许多不必要的.row类。此外,还有.row .row{ width: auto; }的CSS声明,它正在改变.row在引导网格中的正常行为。

因此,从父级的每个元素中移除.row类到.container,你应该好好去。您也可以删除该CSS声明。