2017-09-13 64 views
0

我工作的一个引导项目,我已经遇到了一些bootstrap errorsBootstrap“错误” - 这些是否重要?

  • 集装箱(.container.container-fluid)迷迷糊糊不嵌套
  • 仅列(.col-*-*)可能是.row小号
  • 儿童其他一些,但他们并不重要

这是一些简化的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> 

我不是在寻找一种方式来解决这些问题,我知道该怎么做我自己。

困扰我的问题是:
这些错误是否重要?修复他们将花费更多时间(重新思考布局)不仅仅是忽略它们,因为它们不会像他们影响实际的页面以任何方式。

还是我失去了一些东西?

+0

他们引导的规则,而不是CSS规则。只要css是有效的,我想这没有关系。我不会称之为错误,更像是警告。 – user5014677

回答

2

我认为他们只是试图让你遵循bootstrap的良好做法,当我第一次使用bootstrap时,我曾经写过这样的代码,并且它几次引起我头痛的问题,因为我最终可能得到边缘错误的地方或文字和内容偏向左侧或右侧。或者它会在桌面上看起来不错,然后当我缩小到移动时它看起来很糟糕。

或者更糟的是我会回来的一些代码几个月之后,发现它需要我10倍更长的时间才能在添加一些功能,因为使空间因为它使设计崩溃在本身。我发现要解决这个问题,我要么回去正确写入,要么写很多'hacky'CSS覆盖。

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

甚至有可能出现一些好处到你的SEO的价值为谷歌检查有效的HTML代码,虽然上面的代码是不是技术上的HTML无效,有可能是某些情况下,它是。