[英]My bootstrap grid system not working
我在將引導網系統應用到網頁時遇到問題。 我應用的引導程序是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 divs布局。 難道我做錯了什么?
好吧,最后我發現是導致問題的標點符號! 我應該更加小心,我們有很多事情要注意,例如:
①陳述jquery和bootstrap css腳本的順序 。
②您應該知道一行等於12列,所以不要濫用行類。
③有時您應該檢查chrome 擴展名 ,這可能是禁止您加載本地.js文件的原因。
④反正越小心越好。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.