2 bogexueqianduan bogexueqianduan 于 2016.01.30 03:34 提问

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
qq_19891827   2016.01.30 09:48
已采纳

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

qq_19891827
qq_19891827 回复伯格学前端: 客气
接近 2 年之前 回复
qq_19891827
qq_19891827 回复伯格学前端: 客气
接近 2 年之前 回复
bogexueqianduan
bogexueqianduan 啊!懂了,container最大宽度是根据设备像素宽度来定的,md只是规定设备宽度小于992的时候会垂直排列用的,懂了懂了 谢谢
接近 2 年之前 回复
caozhy
caozhy   Ds   Rxr 2016.01.30 06:14

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

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!