2017-09-13 28 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無效,有可能是某些情況下,它是。