伯格学前端
2016-01-29 19:34
采纳率: 74.4%
浏览 2.8k

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

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • qq_19891827 2016-01-30 01:48
    已采纳

    虽然md的container的最大宽度是970px,但是你的显示器屏幕的分辨率并不在md规定的分辨率内,而是在更大的分辨率即lg内了,所以container的宽度是1170px。

    已采纳该答案
    打赏 评论
  • threenewbee 2016-01-29 22:14

    你自己贴出了链接了,还需要解释么?你的显示器属于大屏幕(横向>1200),所以用的是1170

    看你的链接的“栅格参数”小节。

    打赏 评论

相关推荐 更多相似问题