小编Rob*_*itt的帖子

好吧好吧，我知道。这个问题已经问了很多。但是，到目前为止，我还没有找到可行的解决方案。我将页面简化为：

<div class="row">
    <div class="col-sm-12">
        stuff
    </div>
</div>

并且仍然有一个水平滚动条。在开发工具中，我可以找到row：

.row {
    margin-right: -15px;
    margin-left: -15px;
}

如果我不单击鼠标margin-right: -15px;，问题就会消失。但是，在我的实际页面（包含所有内容）上，这又带来了另一个问题。该页面的页边距必须为零，但现在右边距为15px。

答案之一在这里伤心包装row用container-fluid。另一个说要把它包起来container。这些都使滚动条消失了，但是它们还给出了页边距，这是我所没有的。

我发现早在2013年就有讨论此问题的线程。这真的还没有解决吗？

我需要做什么？

另外：小提琴

https://jsfiddle.net/oLx4g8e3/1/

所以,我已经用AMP HTML编写了一个页面,当有人在移动设备上查看页面时,我想隐藏一个DIV,但是我希望它显示在桌面或平板电脑等分辨率上.我启用了Bootstrap,并且根据AMP标准,所有CSS都在文档中设置样式.

<section class="about" id="about" alt="about">

<div class="col-md-6">
<p>Example Content</p>
</div>

<div class="col-md-6">
<amp-img src="example.jpg" alt="Example" height="400" width="800"></amp-img>
</div>

</section>

我希望该部分中的第二个DIV隐藏在Mobile上.