Question

我创建了一个WP主题模板，该模板已经安装了Bootstrap＆＃34;＆＃34;并准备好了。我在大多数项目中使用它，从未遇到过问题。

出于某种原因，当我调整浏览器屏幕大小时，这个特定的网站没有响应。

查看此处：http://staging.ceobusinessalliance.com/about/

我试图解决问题，但我找不到任何错误。以下是代码的基础知识：

<div class="row">
    <div class="col-xs-1"></div>
    <div class="col-xs-5"></div>
    <div class="col-xs-5"></div>
    <div class="col-xs-1"></div>
</div>

<div class="container">
    <div class="row">
        <div class="col-sm-1"></div>
        <div class="col-sm-5"></div>
        <div class="col-sm-5"></div>
        <div class="col-sm-1"></div>
    </div>
    <div class="row">
        <div class="col-sm-12"></div>
    </div>

    <div class="row">
        <div class="col-sm-12"></div>
    </div>

    <div class="row">
        <div class="col-sm-1"></div>
        <div class="col-sm-10"></div>
        <div class="col-sm-1"></div>
    </div>
</div>

提前致谢！

Answer 1

您正在使用style.css文件中的这行代码覆盖Bootstrap CSS，这会为您的网站提供固定的1080px宽度。

.container { width: 1080px !important; padding: 0; }

您需要删除width: 1080px !important;

Bootstrap没有响应

1 个答案: