應該使用Twitter Bootstrap Row/Col進行佈局嗎？

我正在使用Twitter Bootstrap開始一個非常基本的網絡商店。我開始使用它主要是爲了一些簡單的風格和什麼，但隨着我得到我發現自己使用更多的佈局功能。應該使用Twitter Bootstrap Row/Col進行佈局嗎？

我很好奇的一件事：我記得一般情況下，我應該不使用HTML表格進行頁面佈局。即可以將它們用於製表數據（其預期用途），但不適用於在頁面上排列元素。

我的問題是這樣的：Bootstrap行和col類應該用於頁面佈局，還是專門用於製表數據？它看起來與使用表格非常相似，但它似乎也是用構建Bootstrap的行/列用於響應式佈局。他們爲什麼不同呢？

2014-02-12 jtheis

浮士德點是有效的。但是，爲了扮演魔鬼的擁護者，我會指出像「row」和「col」這樣的名稱表示某種特定的類型，因此不是理想的名稱。我傾向於贊成反映內容並與演示無關的名稱。這可能相當困難（並不總是正確的解決方案），但它確實會讓您考慮您的標記和樣式！ –

當然是！它們僅用於佈局！ –

引導行和列類都很好。它們與使用非表格數據佈局的表（table，tr和td標記）不同。

與佈局表的問題是雙重的

他們剛性：你不能轉換<td> S IN一行到其操作就像彩車（至少不只是CSS結構），所以你唯一的辦法就是改變佈局，然後重新安排標記結構，就像把單元格從表格中分離出來並轉換成div。這就使它們成爲響應式設計（有你的鑰匙時髦的詞）
他們語義相當無用：表都應該說：「嘿，我下令一組數據」，所以人類在閱讀HTML代碼，通過將它們用於頁面佈局來混淆水域。這也是（理論上）搜索引擎優化的一個問題。

這些點既不適用於一般

來源

2014-02-12 05:27:28 Faust

是的，您可以使用Bootstrap的CSS幫助程序類「row」和「col」。他們訪問Bootstrap網格。不要將此與使用HTML標籤「table」，「td」，「tr」等混淆以顯示內容，其中yes只應用於表格數據。

來源

2014-02-12 04:39:53 danwarfel

他們爲什麼更好/可以接受？我希望能夠爲那些只知道「表格錯誤」的人辯護這種方法。 – jtheis

表標籤總是打算用於顯示數據表，因此名稱。在CSS功能真正發展壯大之前，人們'黑客'表格顯示圖像以及沒有邊界和細胞間距的圖像，以創建一個視覺結構設計的傳真。這與CSS規則無關，只是*發生*被命名爲「.row」和「.col」。他們可能很容易被稱爲「.elephant」和「.rhino」。該名稱在語義上很有用，但在其他方面是任意的。 [請閱讀簡單主題，請]（http://en.wikipedia.org/wiki/Tableless_web_design） – danwarfel

來引導row和col-類，或者使用display:table（等），你已經得到了大部分！

您應該使用自舉類（行，同事），而不是的FOLL原因表結構堂妹：

1）班讓你有一個負責任的佈局[如果你看到的代碼，你會找到在％中定義的所有東西，所以它可以幫助你獲得流暢的佈局]

2）另外，如果你想身體內容有一個居中佈局[例如左右兩側的10％溝槽空間]，這樣做與表是一個相當乏味的過程。雖然如果您使用引導程序，您可以使用偏移類別執行此操作。

3）它們可以很容易地從流體切換到靜態，反之亦然佈局。

來源

2014-02-12 05:44:09 Janak

應該使用Twitter Bootstrap Row/Col進行佈局嗎？

回答

相關問題