我的 bootstrap 网格系统不工作
My bootstrap grid system not working
我在将 bootstrap 网格系统应用到网页时遇到了问题。我申请的bootstrap是bootstrap3.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 div 垂直布局。我做错了什么吗?
好吧,最后我发现是标点符号引起了问题!我应该更加小心,还有很多事情我们应该注意它,比如:
①顺序jquery和bootstrapcss 脚本状态。
② 你应该知道一行等于12列,所以不要滥用你的行class。
③ 有时你应该检查你 chrome extensions ,它可能禁止你加载本地 .js 文件.
④ 反正越细心越好
我在将 bootstrap 网格系统应用到网页时遇到了问题。我申请的bootstrap是bootstrap3.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 div 垂直布局。我做错了什么吗?
好吧,最后我发现是标点符号引起了问题!我应该更加小心,还有很多事情我们应该注意它,比如:
①顺序jquery和bootstrapcss 脚本状态。
② 你应该知道一行等于12列,所以不要滥用你的行class。
③ 有时你应该检查你 chrome extensions ,它可能禁止你加载本地 .js 文件.
④ 反正越细心越好