你们好~关于栅格系统练习那里，我用360预览，布局和响应式实现了，但是并没有实现灰色格格的样式，还有360浏览器会出现水平滚动条，请问一下，这个是什么原因呢？
做一枚萌萌哒的程序媛
2016-03-17 11:06
<!DOCTYPE HTML>
<html>
<head>
<title>Bootstrap</title>
<meta charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="http://getbootstrap.com/docs-assets/css/docs.css" rel="stylesheet">
</head>
<body>
<div class="bs-docs-grid">
<div class="row show-grid">
<div class="row">
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
</div>
</div>
</div>
</body>
</html>
1回答
-
- 天无痕地无殇
- 2016-03-17 20:20:36
你的那个<meta charset="utf-8">里面的那个引号都没合拢，不知道是不是复制的原因。还有就是你引入的bootstrap.min.css的方式错误，老师视频里应该是下载好的，你要是引入网上的资源要这样写，<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">就是加载速度有点慢，不过有就是不知道为什么的网上资源有问题，里面并没有代码，这就是为什么你的没有灰色格子的样式！想看的话可以自己下载在引入，不过这些简单的在bootstrap官网就可以看见，并不用实践。至于出现滚动条很正常，我的每个浏览器都有，那是宽度的原因，不必在意！
认识响应式布局
132105 学习 · 278 问题
相似问题