Bootstrap div比电话宽度宽

Question

所以我的这些引导div比手机的宽度（412px）宽。为什么？ 我该怎么做才能让div与手机的宽度一样宽？

    <div class="row">
    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12" style="background: red">
        1234567890-1234567890-1234567890-
    </div>
    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12" style="background: yellow">
        1234567890-1234567890-1234567890-
    </div>
    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12" style="background: blue">
        1234567890-1234567890-1234567890-
    </div>
    </div>

Answer 1

您缺少类container作为bootstrap的父级，因此请使用：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
  <div class="row">
    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12" style="background: red">
      1234567890-1234567890-1234567890-
    </div>
    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12" style="background: yellow">
      1234567890-1234567890-1234567890-
    </div>
    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12" style="background: blue">
      1234567890-1234567890-1234567890-
    </div>
  </div>
</div>

修改

根据您的链接，问题是您在CSS文件中的min-width:600px {/ 1}}