在使用Twitter Bootstrap時，你是否下載並開始直接編輯CSS庫？

Question

我已經下載了Twitter Bootstrap，並通過了David Cochran的Twitter Bootstrap Web Development How-To。一切都很好，現在我有了一個我想用Bootstrap以最佳方式集成的定製設計。

將自定義設計與twitter引導程序庫集成的最佳方法是什麼？

1）我是否去http://twitter.github.io/bootstrap/customize.html並嘗試猜測我將使用哪些庫，下載和工作？

2）我是否關閉了所有源文件，然後嘗試減少未使用的內容？原始的bootstrap.css是6000行。

3.）我是否從最小的庫開始，根據需要手動添加它？

4.）我甚至應該直接編輯他們的圖書館？像.thumbnails類有一個邊框，我不想要邊框。我是否用另一個CSS文件覆蓋，或編輯bootstrap.css .thumbnails類中的原始行？

Answer 1

最簡單的方法是用你自己的CSS（你的選項＃4）覆蓋Bootstrap樣式。 CSS樣式可以在單獨的CSS文件或遵循您的HTML bootstrap.css <style></style>標記定義...

.thumbnails { 
    border:0; 
} 

另一種方式是產生引導CSS的定製版本（你的選擇＃1 ）使用http://twitter.github.io/bootstrap/customize.html工具。這個缺點是發電機的限制和維護自己的自定義構建。

最後，LESS是一個動態樣式表語言，它被編譯爲CSS。 LESS支持嵌套選擇器和創建變量的能力。你會在這裏找到更多的線索：Twitter Bootstrap Customization Best Practices。

如果文件大小或性能是關注結賬BootstrapCDN http://www.bootstrapcdn.com 它服務於從CDN最小化的組合Bootstrap。 CDN在Bootply上提供Bootstrap，這是我構建的用於測試，原型和自定義Bootstrap的工具。

祝你好運！