2016-08-22 94 views
0

我聘請了某人來實現網站的設計。他正在使用bootstrap 3(我在之前的某些項目中使用過),並且讓我感到驚訝的是,他避免在每個網格和子網格中使用.row類(他使用clearfix來創建行)。他的代碼看起來是這樣的......在Bootstrap 3網格結構中不使用.row類的影響

<div class="container"> 
    <div class="col-md-7"> 
     <ul> 
      <li><a>item 1</a></li> 
      <li><a>item 2</a></li> 
      <li><a>item 3</a></li> 
     </ul> 
    </div> 
    <div class="col-md-5 pull-right"> 
     <ul class="nav nav-tabs"> 
      <li><i class="fa fa-users" aria-hidden="true"></i>Menu item 1</li> 
      <li class="shop">Item 2</li> 
     </ul> 
    </div> 
    <div class="clearfix"></div> 
</div> 

從我讀過,.row類用於

  1. 「創建列的水平羣體。」 source
  2. 「通過在左側和右側使用負邊距值-15px來排除由容器元素設置的填充」。 source

在網格結構中不使用這個類的影響是什麼?我應該確保他使用.row類嗎?

感謝

回答

0

從自舉文檔

行必須被放置爲適當對準和填充一個.container(固定寬度)或 .container流體(全寬度)之內。

你也是正確的在.row從具有的15px左右填充容器清除排水溝。

.container { 
    padding-right: 15px; 
    padding-left: 15px; 
} 

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

因此,我個人會在謹慎的一面犯錯,並按照bootstrap所設定的要求。將來,框架可能會發生變化,並且可能會在row類上創建強大的依賴關係,並且由於代碼中缺少該類,因此需要對其進行重新設計才能更新版本......或者可選擇實現響應選擇器,例如作爲.col-xs-,它可能超過或不足12列網格格式。