【问题标题】:Bootstrap column width are different with different content [closed]Bootstrap列宽因内容不同而不同[关闭]
【发布时间】:2015-04-23 19:46:52
【问题描述】:

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

这是一个网站示例,其中列宽几乎完美: http://madtrash.com/item/040001452/

这是一个网站的示例,其中某些地方的列宽太小: http://madtrash.com/item/020000180/

以下页面是一个示例,其中列宽扩展过多: /item/010320105/

好像列宽会根据文字或图片内容发生变化?

如何才能让每个页面的列宽都相同?我尝试了很多方法,但都没有成功。

【问题讨论】:

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


    【解决方案1】:

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

    因此,从作为 .container 的父元素的每个元素中删除 .row 类,您应该一切顺利。您还可以删除该 CSS 声明。

    【讨论】:

    • 感谢您的快速回答!问题是我无权访问父行,因为它们属于 Wordpress 主题。我只能编辑 .container 行中的代码。我假设我唯一能做的就是更改 Wordpress 模板?或者还有其他可能吗?
    • 可以添加 CSS 吗? .row .row{ width: inherit !important; }
    猜你喜欢
    • 2015-04-03
    • 2018-05-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-10-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多