Question

我参与了一个自助项目，我偶然发现了一些bootstrap errors

容器（.container和.container-fluid）不可嵌套
只有列（.col-*-*）可能是.row s
其他一些人，但他们并不重要

这是一些简化的HTML，会产生相同的错误：

<div class="contaner-fluid">
  <div class="contaner">
    <div class="row">
        <div class="table">
        </div>
        <div class="graph">
        </div>
        <div class="col-xs-5">
        </div>
    </div>
</div>

我没有找到解决问题的方法，我知道自己该怎么做。

困扰我的问题是：
这些错误是否重要？修复它们需要花费更多时间（重新思考布局）而不是忽略它们，因为它们看起来不会以任何方式影响实际页面。

或者我错过了什么？

Answer 1

我认为他们只是试图让你遵循使用bootstrap的良好实践，我曾经在我第一次开始使用bootstrap时编写这样的代码，而且有几次它让我感到非常头疼，因为我最终会在错误的地方或文字和内容向左或向右倾斜。或者它在桌面上看起来不错，然后当我将它缩小到移动设备时它看起来很糟糕。

或者更糟糕的是，几个月后我会回到一些代码，发现添加一些功能需要花费10倍的时间，因为为它腾出空间会导致设计崩溃。我找到了解决这个问题，我要么回去写正确，要么写很多'hacky'CSI覆盖。

我尝试从一开始就尽力遵守规则，现在维护和更新更容易完成。此外，它还允许其他开发人员更好地理解和编辑我的代码。

谷歌检查有效的HTML代码时，你的搜索引擎优化价值甚至可能会有一些好处，虽然上面的代码在技术上并非HTML无效，但可能存在某些情况。

Bootstrap＆＃34;错误＆＃34; - 这些重要吗？

1 个答案: