问答详情
源自：3-2 响应式布局之Bootstrap CSS和组件介绍

你们好~关于栅格系统练习那里，我用360预览，布局和响应式实现了，但是并没有实现灰色格格的样式，还有360浏览器会出现水平滚动条，请问一下，这个是什么原因呢？

<!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>


提问者：做一枚萌萌哒的程序媛 2016-03-17 11:06

个回答

  • 天无痕地无殇
    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官网就可以看见，并不用实践。至于出现滚动条很正常，我的每个浏览器都有，那是宽度的原因，不必在意！

    0