覆蓋Twitter引導

我正在使用Twitter Bootstrap開發Rails 3.2應用程序。我試圖在bootstrap_and_overrides.css.less中覆蓋Bootstrap的顏色。覆蓋Twitter引導

我已經能夠使用LESS變量覆蓋顏色。例如：

@navbarBackground: @blue; 
    @navbarBackgroundHighlight: @blueDark;

但是，我想偏離顏色變量。我似乎無法像5092CC那樣放入十六進制顏色。我不想重新定義LESS中的顏色變量，因爲我讀過這些會導致問題。

我也在嘗試更改所有標題標籤的顏色。我希望他們都是相同的顏色。但是，Bootstrap忽略了我嘗試過的每一個變化。我最近的嘗試是：

h1, h2, h3, h4, h5, h6 { 
     color: 325B7F; 
     small { 
     color: 325B7F; 
     } 
    }

我絕對困惑常規CSS和LESS之間。我一直在大部分時間都在與這個戰鬥。

非常感謝所有幫助。

來源

2012-12-08 Scott S.

我不熟悉Rails。但是，無論您使用的是CSS還是LESS，仍然需要添加＃。

h1, h2, h3, h4, h5, h6 { 
    color: #325B7F; 
    small { 
    color: #325B7F; 
    } 
}

如果這不起作用，你應該看看引導程序的variables.less文件。改變顏色變量（@blue和@blueDark），以任何你需要重新編譯的CSS

增加：

我這是怎麼覆蓋白手起家的變量，而無需直接更改任何引導文件。我有一個文件名爲mysite.less：

// bootstrap less files located in another folder 
@import "../../bootstrap/less/bootstrap.less"; 
@import "../../bootstrap/less/responsive.less"; 

// mysite overwrites located in my own project folder 
@import "variables.less";

在variables.less重新定義要覆蓋的變量：

@blue: #123456; 
@blueDark: #678912;

最後編譯你的CSS：

lessc mysite.less > bootstrapincludingmyoverwrites.css

來源

2012-12-08 23:33:56 DivZero

謝謝，修正了標題。仍然沒有運氣在導航欄上 –

你是如何編譯你的CSS？請參閱我的回答編輯 – DivZero

檢查員指出什麼？您的新款式是否被覆蓋？或者沒有正確定位元素？ –

覆蓋Twitter引導

回答

相關問題