bootstrap 栅格化布局 最大宽度无效
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Document</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<style type="text/css">
.col-md-1{
border: 1px solid black;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-1">哈哈哈</div>
<div class="col-md-1">哈哈哈</div>
<div class="col-md-1">哈哈哈</div>
<div class="col-md-1">哈哈哈</div>
<div class="col-md-1">哈哈哈</div>
<div class="col-md-1">哈哈哈</div>
<div class="col-md-1">哈哈哈</div>
<div class="col-md-1">哈哈哈</div>
<div class="col-md-1">哈哈哈</div>
<div class="col-md-1">哈哈哈</div>
<div class="col-md-1">哈哈哈</div>
<div class="col-md-1">哈哈哈</div>
</div>
</div>
</body>
</html>上面这段代码，用的是md的宽度，http://v3.bootcss.com/css/#grid-options
官方文档说，md的container的最大宽度是970px，但是为什么 上面这段代码container的宽度是1170px
展开
收起
1
条回答
写回答
写回答
-
虽然md的container的最大宽度是970px，但是你的显示器屏幕的分辨率并不在md规定的分辨率内，而是在更大的分辨率即lg内了，所以container的宽度是1170px。
2019-07-17 19:03:24赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
