Question

我刚刚开始使用twitter-bootstrap，在设置一个简单的页面后，它开始在移动设备上显示几个像素太宽。我已将其缩小为一些非常简单的代码：

<div class="container">
        <div class="row">
            <div>Some text</div>

            <div class="row">
                <div>
                    More text
                </div>
            </div>
        </div>
</div>

我也有一个标题，但那不是问题。

如果我删除了更多文字 div，它可以很好地填充移动设备屏幕，但是我可以在屏幕上滚动几个像素。< / p>

有人可以解释为什么会这样吗？

Answer 1

使用insert into table1 (key, value) values (key + 10, CONCAT('pre_', value)) where value like '%val%';类的最佳方法是在其中使用bootstrap中的列类。这就是为什么它被构建，所以如果你想要你的div文本填充你应用的行：

row

Answer 2

根据Boostrap Docs，您不能row作为row的直接孩子

row作为row的孩子row的唯一时间是在您嵌套列时，row将成为col的大孩子

使用嵌套.col-xs-12 { background: red } s

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
  <div class="row">
    <div class="col-xs-12">
      <div>Some text</div>
      <div class="row">
        <div class="col-xs-12">
          More text
        </div>
      </div>
    </div>
  </div>
</div>

＆＃13;

row

＆＃13;

您的示例没有.col-xs-12 { background: red }孩子

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
  <div class="row">
    <div class="col-xs-12">
      <div>Some text</div>
      <div>More text</div>
    </div>
  </div>
</div>

＆＃13;

td.spacing{
    margin-right: 30%;
    background-color: red;
}

＆＃13;

手机上的Bootstrap宽度略宽

2 个答案: