無法禁用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的響應能力

回答

相關問題