2013-05-29 76 views
0

我已經建立網站與一些CSS樣式files.I想使用Twitter的引導的網站。但是,如果我有它在我的網頁一樣多的自定義CSS樣式 -使用Twitter的引導

<link type="text/css" rel="Stylesheet" href="assets/css/bootstrap.css /> 

所以你可以猜到,因爲這些很多樣式和類被bootstrap類和樣式覆蓋,所以有很多問題。所以如果有辦法,我可以在一個類下使用twitter引導程序css和js? 我只是可以在bootstrap.css文件中的每個類之前添加我的類名,但這很耗時,或者我爲它付出了努力?從網絡的研究,我發現 -

.tw-bs { 
    @import "less/bootstrap.less"; 
} 

使用lesscss.org.but我沒有得到又應該如何編譯的東西在我的Windows PC,所以我只能在我的網站上使用下.TW-BS類Twitter的引導如果任何人都知道一步一步,節省我的時間。

回答

1

我們發現的最好的事情是使用一個單獨的CSS文件,在那裏你故意用你想要/需要的方式覆蓋一些Bootstrap樣式。例如,Bootstrap中的默認按鈕具有4px半徑的圓角。我們決定,我們需要一個更加圓潤的外觀,所以我們把下列一個CSS文件:

.btn {邊界半徑:10px的;}

當您引用您的文件中的引導後檔將覆蓋您的默認Bootstrap值。有時Bootstrap特異性很難超越,在這種情況下,您需要直接引用元素的ID(這比類更具體)。

+0

這不是我想要的。想在一個div類下使用bootstrap,因爲在很多頁面中都有許多樣式,所以現在引導樣式的調整相當困難 –

+0

ki在bootstrap.css文件中的每個類之前添加了我的類,因爲我沒有其他選擇。 –

+0

任何替代品? –