撤消移动屏幕的浮动

Question

在我的桌面版本中，我使用 float 来设置两个相邻的 div。 在我的移动版本中，这些 div 之一是不可见的，因此我想撤消具有它的浮动。

如何在媒体查询中“撤消”浮动？我试过浮动：无；并明确：两者；但这没有用。这是我的css代码；

             .float {
                      float:left;
                      padding-right:10px;
                  }

                @media (max-width: 900px) {
                .float {
                        float:none !important;
                            text-align:center;

                    }
                 }

这是我的html代码；

<div class="row">
                <div class="col-md-4 col-lg-4 col-sm-4"></div>
                <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7">
                    <img src="assets/images/logo.png" class="float">
                    <h1 style="padding-top:70px; padding-left:10px;" class="logo title">LIPSUM DOLOR</h1>
                    <h2 class="sub logo">Lorem ipsum dolor</h2>
                </div><!-- end col -->
</div><!-- end row -->

现在我正在使用 twitter 的引导程序，这就是我使用列和行的原因。宽度为 4 的第一列在 xs 屏幕（移动设备）上不可见，因此不会造成任何问题。它也没有自定义样式。

Answer 1

您的媒体查询代码错误。应该是

.row{
    text-align:center;
}
.float {
    float:left;
    padding-right:10px;
}

@media only screen and (max-width: 900px) {
    .float {
        float:none;
    }
}