Bootstrap 不同内容栏宽不同
Bootstrap column width are different with different content
我尝试使用 Bootstrap 为我的 wordpress 网站的内部内容部分设置样式。我在每个网站上都使用相同的网格布局。每个站点的内容都会发生变化，这会改变 Bootstrap 列宽，具体取决于我猜测的内容。
这是一个网站示例，其中的列宽几乎是完美的：
http://madtrash.com/item/040001452/
这是一个网站示例，其中某些地方的栏宽太小：
http://madtrash.com/item/020000180/
下一页是一个示例，其中列宽扩展得太多：
/item/010320105/
好像是根据文字或图片内容改变了栏宽？
怎样才能让每一页的列宽都一样？我试了很多方法，但还是没有成功。
您的模板中有很多不必要的 .row 类。此外，.row .row{ width: auto; } 有一个 CSS 声明，它正在改变 .row 在 bootstrap 网格中的正常行为。
因此，从作为 .container 父元素的每个元素中删除 .row 类，您应该可以开始了。您还可以删除 CSS 声明。
我尝试使用 Bootstrap 为我的 wordpress 网站的内部内容部分设置样式。我在每个网站上都使用相同的网格布局。每个站点的内容都会发生变化，这会改变 Bootstrap 列宽，具体取决于我猜测的内容。
这是一个网站示例，其中的列宽几乎是完美的： http://madtrash.com/item/040001452/
这是一个网站示例，其中某些地方的栏宽太小： http://madtrash.com/item/020000180/
下一页是一个示例，其中列宽扩展得太多： /item/010320105/
好像是根据文字或图片内容改变了栏宽？
怎样才能让每一页的列宽都一样？我试了很多方法，但还是没有成功。
您的模板中有很多不必要的 .row 类。此外，.row .row{ width: auto; } 有一个 CSS 声明，它正在改变 .row 在 bootstrap 网格中的正常行为。
因此，从作为 .container 父元素的每个元素中删除 .row 类，您应该可以开始了。您还可以删除 CSS 声明。