无法禁用Bootstrap的响应能力

我只想问如何禁用Bootstrap的响应能力。我目前按照教程中的说明进行操作，但无法使页面无响应。无法禁用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; 
}

你能帮助我吗？

来源

2014-12-08 Jerielle

使用'col-xs- *'类的网格（http://stackoverflow.com/questions/17943264/how-to-use-twitter-bootstrap-3-for-non-responsive-site） – muthan 2014-12-08 04:20:39

谢谢。现在正在工作。 :) – Jerielle 2014-12-08 04:38:48

@muthan你应该提交这个答案，Jerielle可以接受它。这将避免这个问题悬而未决。 – GregL 2014-12-08 04:58:11

使用col-xs-*类的网格。就像教程中所建议的一样。

来源

2014-12-08 15:02:34 muthan

无法禁用Bootstrap的响应能力

回答

相关问题