2013-11-21 220 views
0

通過在自定義css文件中添加自定義,很容易在引導程序中覆蓋css屬性。
但如何隱藏屬性,以便其效果本身不顯示。從bootstrap隱藏css屬性

例如,在此<a class="btn btn-danger" href="#" role="button">Link</a>中,必須以某種方式刪除display: inline-block;的css屬性,以使其適合我的樣式。我不想一起擁有顯示屬性。對於vertical-align: middle;

相當明顯,可以編輯bootstrap.css文件並將其刪除。但有沒有其他辦法可以在我自己的CSS中做到這一點?

+0

我真的不明白是什麼問題。你爲什麼不能覆蓋它? – Turnip

+0

你可以使用內聯的css嗎? – NoobEditor

+0

.btn .btn-danger {display:xxxxxx}會工作,不是嗎? – SW4

回答

1

不應該直接修改css libs,因爲您將無法在更新後(例如更新的情況下)更改libs文件。相反,你可以像你說的那樣直接在你的.css文件中放置屬性。

您將無法從Bootstrap中刪除(嚴格來說)屬性,但您可以更改它以適應您的樣式。在display: inline-block的情況下,您可以例如設置display: block;display: inline;或任何您需要的。

事實上,這裏沒有問題;所有屬性都有默認值,即使它們不在.css文件中,它們仍然適用於您的瀏覽器的選擇。因此,這裏只是恢復默認值的問題,通過設置您自己的設置以及對Bootstrap充電的方式。

如果您想了解覆蓋引導CSS更多的信息,碎雜誌大約有一個很好的文章:http://coding.smashingmagazine.com/2013/03/12/customizing-bootstrap/

+0

什麼是任何屬性的默認顯示屬性?或者換句話說,每個屬性的默認值都不相同? – curiousCoder

+0

默認值是在屬性規範中指定的,你可以在這裏找到一個列表,例如:http://www.w3schools.com/cssref/ 你也可以嘗試'initial'關鍵字,但要小心瀏覽器的兼容性:https ://developer.mozilla.org/en-US/docs/Web/CSS/initial –