我的引導網格系統不工作

我有問題將我的引導網格系統應用到網頁中。我應用的bootstrap是bootstrap 3.3.5，從getbootstrap.com下載。我把所有的配置事情做好，這是我的項目文件目錄：我的引導網格系統不工作

這裏是我的index.html結構：

<html> 
<head> 
    <title>My bootstrap</title> 

    <meta charset="utf-8」> 
    <meta name="viewport」 content="width=‘device-width’,inital-scale=1.0」> 

    <link href="css/bootstrap.min.css」 rel="stylesheet」> 
    <link href="css/custom.css」 rel="stylesheet」> 

    <script src="/js/respond.min.js」></script> 
</head> 

<body> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12"> 
       <p>text</p> 
      </div> 

      <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12"> 
       <p>text</p> 
      </div> 

      <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12"> 
       <p>text</p> 
      </div> 

      <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12"> 
       <p>text</p> 
      </div> 
     </div> 

     <script src="http://code.jquery.com/jquery-latest.min.js"></script> 
     <script src="js/bootstrap.min.js"></script> 
    </div> 
</body> 
</html>

但是電網系統不工作時，瀏覽器尺寸發生了變化，它始終保持原來的風格，因爲垂直方向的4格佈局。難道我做錯了什麼？

來源

2015-10-29 frank jorsn

嗯，最後我發現它是導致問題的標點符號！我應該更加小心，而且是很多事情，我們應該重視起來，如：

①在的jQuery的順序和引導CSS腳本狀態。

②你應該知道一行是平等的12列，所以不要濫用你的行類。

③有時候，你應該檢查你鉻extenssions，它也許禁止您載入本地的.js文件。

④反正小心點更好。

來源

2015-10-29 09:05:16

這幾乎給出了我會給出的相同答案。除了第二部分的行。當然，一行等於12列，但如果按照問題中使用的方式使用它，它不會造成任何問題。只要在每個視口中有12個列值，並且如果超過，請確保刪除列也是如此。 – ProDexorite

我的引導網格系統不工作

回答

相關問題