2017-02-18 32 views
0

目前,我使用的主題是基於來自maxcdn online的bootstrap.min.css,但我似乎無法在任何地方找到code.less源代碼進行編輯,以便我可以更改我的內聯代碼的着色和字體類型用過的。CSS:如何更改引導LESS code.less源代碼來自定義我的代碼着色?

我已經寫了custom.css文件來覆蓋使用下列選項原來的引導CSS:

pre { 
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
} 

// Inline code 
code { 
    padding: 2px 4px; 
    font-size: 90%; 
    color: #000000; 
    background-color: #eff0f1; 
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
} 

// Enable scrollable blocks of code 
.pre-scrollable { 
    overflow-x: scroll; 
} 

但一切都沒有改變。有沒有一種方法可以讓我想要改變的地方?我的網站目前基於Jekyll。

這就是我把custom.css比原先引導的CSS的源代碼:https://github.com/kwotsin/kwotsin.github.io/blob/master/_includes/head.html

我做正確的方式?

回答

2

你基本上有3個選項:

選項:1 下載引導源代碼less.css 。修改文件並使用它。

選項:2!important要在你的custom.css

選項覆蓋CSS旁邊:3 轉到開發工具識別要覆蓋和使用自己的less.css部分身份證與這些元素。之後,他們在你自己的CSS文件中。

1

您必須在本地安裝bootstrap的源代碼版本,並自己編譯less-files,例如使用grunt。請參考Bootstrap documentation

+0

有沒有辦法重寫LESS代碼? – kwotsin

1

確保您的自定義CSS文件是你想在你的腦袋部分修改的引導鏈接下