Bootstrap：將列類指定到標題標記可以嗎

可以這樣做嗎？Bootstrap：將列類指定到標題標記可以嗎

<div class="row"> 
    <h3 class="col-md-12"> ... </h3> 
    <div class="col-md-6"> ... </div> 
    <div class="col-md-6"> ... </div> 
</div>

我的意思是，有什麼理由將Bootstrap網格類分配給標題標籤會被認爲是不好的做法？我想不出任何這樣的理由，但我總是看到這樣的類只用於div。

來源

2015-06-30 cincplug

這不是一個好主意。我應該這樣做，而不是：

<div class="row"> 
    <div class="col-md-12"> 
     <h3> ... </h3> 
    </div> 
    <div class="col-md-6"> ... </div> 
    <div class="col-md-6"> ... </div> 
</div>

的.col-*-*類應只佈局的目的！

來源

2015-06-30 08:38:13

是的，這是我一直通常做。但是我認爲它確實是必要的，因爲標題標籤也是塊級元素，並且通常只包含文本節點。爲什麼實際上有必要擁有周邊的div？ – cincplug

是的，這些類是用於佈局目的。如果你想給你的標題提供更好的填充呢？然後它打破布局！ –

好的人，你說服我，謝謝：D – cincplug

這不是一個好主意，因爲你在混合佈局和排版。

也就是說，自舉3.3.4，這裏的（直接）款式

Comparison

如果兩個（左側和col-XS-12在右邊H1）的比較您可以追溯並查看.css文件中的順序，當它們不同時，h1屬性在某些情況下勝過col（直接和繼承）屬性，但它們不會影響佈局（邊距，填充，浮動，顯示...） - 這些要麼是相同的要麼沒有衝突。

因此，實際上，您不會遇到任何問題，但這可能會因Bootstrap的不同版本或您覆蓋標準樣式而改變。

來源

2015-06-30 08:49:18 potatopeelings

這是真的，謝謝。 – cincplug

它不是好主意，實踐

每一個元素的html標籤應該是段內，這意味着我們應該使用DIV和跨度.div標籤用於定義文檔的一部分。使用div標籤，您可以將大部分HTML元素分組在一起並使用CSS進行格式設置。因爲div默認情況下不包含任何屬性/樣式，但其他標籤自然會有一些樣式。如果您爲div應用類，它會作出完美反應，但其他標籤我們應該覆蓋風格則僅反應了我們期待style.i希望澄清你的疑問，你的好做法PLZ通過它click here

例

<div class="row"> 
    <div class="col-md-12"> 
     <h3> ... </h3> 
    </div> 
    <div class="col-md-6"> ... </div> 
    <div class="col-md-6"> ... </div> 
</div>

來源

2015-06-30 09:36:07

Bootstrap：將列類指定到標題標記可以嗎

回答

相關問題