如何正確整合HTML5 Boilerplate與Twitter Bootstrap？

在我的Play 2.0項目中，我已經集成了Bootstrap（因爲文件較少，Play可以在飛行中編譯它們），但是現在我發現了Boilerplate，我認爲使用它也是一個不錯的主意。如何正確整合HTML5 Boilerplate與Twitter Bootstrap？

後有點谷歌搜索，我發現這一點： http://www.quora.com/Is-Bootstrap-a-complement-OR-an-alternative-to-HTML5-Boilerplate-or-viceversa

所以，貌似整合應該是可能的，甚至有2個項目，其試圖做到這一點。唯一的問題是他們做了完全不同的事情，我不確定哪一個是正確的。

https://gist.github.com/1422879目前的狀態似乎只是忽略來自Boilerplate的styles.css文件。它更名爲h5bp.css，但我沒有看到h5bp.css包含在任何地方。

https://github.com/elgreg/html5-boilerstrap，另一方面利用他們兩個，只是分裂styles.css的文件分爲兩個部分（h5bp_normalize.css和styles.css，bootstrap.css包括它們之間）。但是Boilerplate和Bootstrap之間沒有這種衝突嗎？

所以我有點失落。在這種情況下做事的正確方法是什麼？

來源

2012-01-08 Piotr Kukielka

到底在尋找什麼html5Boilerplate的一部分進行整合？ – 2012-01-21 07:09:54

只要使用Initializr，這是半官方的解決方案，它也有很多選項。 Bootstrap + H5BP支持開箱即用！

http://www.initializr.com/

來源

2012-04-27 00:01:06 zsero

我已經移除Twitter的引導重置樣式（通過消除少@import語句），並將其粘貼到HTML5的樣板（在用戶樣式部分）。工作很好。

來源

2012-01-08 18:52:51 welldan97

這聽起來不錯:)但是擔心我是代碼片段下的評論之一（第一篇文章中的鏈接）：「我不認爲組合CSS會很好地工作，因爲Bootstrap需要重置以刪除默認標題邊距和列表填充，這是代碼其餘部分的一個假設（上次我選中時），這可能會影響頂部欄和製表符/藥片等內容。「您在修改過程中使用Bootstrap的程度如何？ – 2012-01-08 19:51:52

我使用了頂欄，標題和表單，警報消息。你是對的，我只是看樣式表，我發現我實際上添加了規則'.alert-message p {margin-top：0}'。因此，這種整合需要一些重置的黑客行爲。 – welldan97 2012-01-08 21:31:34

無業http://workless.ikreativ.com是另一種引導/ H5BP組合。
~~主旨 https://gist.github.com/1422879是H5BP + Twitter的引導整合~~

來源

2012-11-05 07:43:24 twnaing

如何正確整合HTML5 Boilerplate與Twitter Bootstrap？

回答

相關問題