伯格学前端 2016-01-29 19:34 采纳率: 100%
浏览 2820
已采纳

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。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥20 Html备忘录页面制作
  • ¥15 黄永刚的晶体塑性子程序中输入的材料参数里的晶体取向参数是什么形式的?
  • ¥20 数学建模来解决我这个问题
  • ¥15 计算机网络ip分片偏移量计算头部是-20还是-40呀
  • ¥15 stc15f2k60s2单片机关于流水灯,时钟,定时器,矩阵键盘等方面的综合问题
  • ¥15 YOLOv8已有一个初步的检测模型,想利用这个模型对新的图片进行自动标注,生成labellmg可以识别的数据,再手动修改。如何操作?
  • ¥30 NIRfast软件使用指导
  • ¥20 matlab仿真问题,求功率谱密度
  • ¥15 求micropython modbus-RTU 从机的代码或库?
  • ¥15 django5安装失败