2015-02-24 59 views
0

所以我現在有一個網格設置,使用.col-md-3類爲整個頁面上的4個按鈕。我想改變按鈕的顏色和大小。我知道改變核心Boostrap CSS通常是不被接受的,所以我做了一個單獨的CSS文件,但我的變化似乎被覆蓋。(Bootstrap)修改默認按鈕的特性?

我該如何去改變按鈕的顏色和尺寸?

作爲參考,但目前看起來是這樣的:

enter image description here

我也想增加一定的屏幕大小斷點上面使用的按鈕的高度,我應該如何去了解呢?

回答

0

在getbootstrap.com頁面上,自定義部分,它沒有選項嗎?如果沒有,您可以下載sass版本,然後根據您的需要更改/編譯。此外,對於最後一點關於按鈕高度的信息,請使用媒體查詢bootstrap爲您提供更改像素閾值或創建自己的閾值。

如果你仍然想保持一個單獨的表,請務必將其包含在HTML中的默認bootstrap.css

後如果不工作,請使用瀏覽器開發工具(F12)和小提琴周圍

+0

感謝您的回覆。我知道定製部分,我只是不知道它是可定製的!我仍然希望使用單獨的樣式表來跟蹤自定義更改,而不必擔心核心Bootstrap更新等等原因。我肯定地在其他人之後聲明瞭樣式表,這就是爲什麼我對我的更改沒有顯示的原因感到困惑。有什麼想法嗎?另外,關於按鈕高度的一些信息,你能否給我一些關於如何做到這一點的見解? – Orbit 2015-02-24 04:17:48

+0

我會先嚐試清除緩存。然後,我會嘗試使用您的開發人員工具(在任何瀏覽器中按f12)。 Bootstrao可能會在他們的某些CSS上使用!important,因此您可能還必須在您的CSS上聲明它。 – 2015-02-24 04:26:41

+0

至於你的按鈕,谷歌是你的朋友。搜索「媒體查詢CSS」 – 2015-02-24 04:27:19