Question

我只是想问一下如何禁用Bootstrap的响应能力。我目前按照教程中的说明操作，但我无法使页面无响应。

我在代码中所做的是：

1. I removed the viewport in meta tag
2. Set a width in the class .container

当我调整窗口大小时，3列变得响应。

Here's my sample fiddle

这是我的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Chuosenko</title>
    <link rel="stylesheet" type="text/css" href="./third_party/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="./third_party/bootstrap/dist/css/bootstrap-theme.css" />

    <link rel="stylesheet" type="text/css" href="./third_party/jqueryui/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" href="./third_party/jqueryui/jquery-ui.theme.css" />

    <link rel="stylesheet" type="text/css" href="./css/style.css" />

    <script type="text/javascript" src="./third_party/jqueryui/external/jquery/jquery.js"></script>
    <script type="text/javascript" src="./third_party/jqueryui/jquery-ui.js"></script>
    <script type="text/javascript" src="./third_party/bootstrap/dist/js/bootstrap.js"></script>
    <script type="text/javascript" src="./js/packery.pkgd.js"></script>
</head>
<body>
    <div class="container">
        <div class="col-md-4">
            <h1>COL 1</h1>
        </div>
        <div class="col-md-4">
            <h1>COL 2</h1>
        </div>

        <div class="col-md-4">
            <h1>COL 3</h1>
        </div>
    </div>
</body>
</html>

这是我的css：

.container {
  width: 1280px;
  max-width: none !important;
}

你能帮我解决这个问题吗？

Answer 1

使用col-xs-*类作为网格。与教程中的建议一样。

无法禁用Bootstrap的响应能力

1 个答案: