修改bootstrap.css

Question

我想編輯一個使用bootstarp.css的HTML頁面。含有

 <input type="submit" class="btn btn-primary btn-block btn-md" value="Create"> 

的線是指

.btn { 
    display: inline-block; 
    *display: inline; 
    padding: 4px 12px; 
    margin-bottom: 0; 
    *margin-left: .3em; 
    font-size: 24px; 
    line-height: 20px; 
    .. 
} 

在bootstrap.css。但是，當我更改font-size時，刷新後瀏覽器中沒有發現任何更改。那麼問題是什麼？

Answer 1

您不應該修改或以任何方式更改引導的默認CSS文件，你可以很輕鬆地把事情搞得一團糟如果你使用做你自己的 CSS文件，並用它來覆蓋這些默認值，那麼你的練習就會輕鬆很多。

這基本上意味着你製作一個myown.css文件並在其後後 Bootstrap的CSS。

然後你可以很容易地覆蓋在默認情況下用自己設置的樣式，而不需要，當你周圍的框架工作絕對不推薦任何!important東西。

Answer 2

修改任何庫文件不是一個好的做法。所以你最好複製相同的樣式並放入本地樣式文件中。您可以使用!important與風格，以確保的風格壓倒一切的bootstrap.css

.btn { 
    font-size: 24px !important; 
}