Question

最近我做了这个博客：http://bloganacastro.com/，一切都还好。但在移动版本上我遇到了麻烦。

如果您在移动设备上访问它，则可以看到posts列小于页面总数。我已经尝试了一切，但无法解决这个问题。

希望有人可以提供帮助。

Answer 1

您已将宽度设置为引导网格类。如果您正在使用Bootstrap的网格系统，则不应将属性更改为。

.conteudo.col-lg-8 {
    margin-left: 4%;
    margin-right: 2%;
    width: 60%;
    margin-top: 6%;
}

我假设您需要拥有width: 60%;，因此您可以将上述CSS放入媒体查询，以便它仅适用于大屏幕，例如。

@media (min-width: 992px) {
    .conteudo.col-lg-8 {
        margin-left: 4%;
        margin-right: 2%;
        width: 60%;
        margin-top: 6%;
    }

}

看看here，了解Bootstrap如何处理各种屏幕尺寸以及它使用的媒体查询。

Answer 2

您可能使用了错误的引导类。经检查，.conteudo.col-lg-8宽度为60％。删除它，你是金色的

响应式Bootstrap Wordpress帖子

2 个答案: