Twitter Bootstrap和平板UI最佳實踐

Question

我是自舉和平面UI設計的新手。我想通過bootstrap和平板UI來覆蓋CSS。我應該爲它創建一個新類（或者只是同一個類）和一個自定義style.css來覆蓋它，還是應該直接編輯bootstrap.css？處理CSS框架時，最佳做法是什麼？

Answer 1

最直接的方法來覆蓋引導的風格是遵循bootstrap.css用自己的「styles.css的」 ...

例如，讓所有的按鈕更圓你的; D添加下面的代碼添加到您的styles.css ...

.btn { 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px; 
} 

或（更好的方法）是用自己的自定義類擴展引導樣式。這樣您就不會影響/覆蓋特定類的所有元素。

.btn-special { 
    background-color:#cc3333; 
    color:#fff; 
} 

這裏有一個演示：http://bootply.com/106060

Answer 2

編輯引導程序的CSS可能會破壞引導程序。如果您瞭解樣式表的特殊性和級聯特性，則可以在單獨的樣式表中創建自己的樣式來覆蓋引導程序的CSS。