Html 引导和智能手机

我在哪里可以找到有关PC或平板电脑上引导行为与智能手机上引导行为差异的信息？ 我已经搜索了引导特定的信息，但找不到它

问题在于： 我正在开发一个网站，它使用了大量的动态数据并在事后处理数据。 在个人电脑和平板电脑上，一切都正常，但在智能手机上则不然。当我调试代码时，显然总是有一个错误。通常是太多的类行和列xx nn在同一个div上

这通常适用于PC和平板电脑，但在智能手机上，它会导致文本字段、按钮和选择停止工作

我知道我还需要调试更多的东西，但是：为什么这个“错误”代码在PC和平板电脑上工作，而在智能手机上却不工作，即使在这三个平台上我都使用相同的浏览器（例如谷歌Chrome）？对于智能手机，操作系统的类型与浏览器没有区别（在IOS上尝试Safari，结果相同）。

检查：它解释了网格系统的大小如何取决于视口[例如，X列用于移动（<768px），sm列用于平板电脑（>=768px，=992px，=1200px）]

使用容器在使用引导网格系统时，我有一个小示例，您可以在下面的示例中插入body标签：

<div class="container">
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
        <h2>Title 1</h2>
        <p class="callouts-desc">
            Title 1 paragraph, blah blah blah.
        </p>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
        <h2>Title 2</h2>
        <p class="callouts-desc">
            Title 2 paragraph, blah blah blah.
        </p>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
        <h2>Title 3</h2>
        <p class="callouts-desc">
            Title 3 paragraph, blah blah blah.
        </p>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
        <h2>Title 4</h2>
        <p class="callouts-desc">
            Title 4 paragraph, blah blah blah.
        </p>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
        <h2>Title 5</h2>
        <p class="callouts-desc">
            Title 5 paragraph, blah blah blah.
        </p>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
        <h2>Title 6</h2>
        <p class="callouts-desc">
            Title 6 paragraph, blah blah blah.
        </p>
    </div>
</div>

标题1

标题1段落，诸如此类。

标题2

标题2段落，诸如此类。

标题3

标题3段落，诸如此类。

标题4

标题4段落，诸如此类。

标题5

标题5段落，诸如此类。

标题6

标题6段落，诸如此类。

---

希望这有帮助

那部分我理解。只有当您将上面列出的一个div与一个row类组合在一起时，或者您错误地添加了另一个div时，智能手机才会出问题。在其他平台上，这些错误不会导致网页出现错误（例如，文本框不再可点击）。啊，明白了，打开和关闭标签时一定要小心，但关于如何使用容器和行，请查看这篇文章，我发现这篇文章很有帮助：