2014-01-11 63 views
5

我使用twitter bootstrap sass 3.0.3.0 gem,它應該對應於最新的twitter bootstrap 3.0.3。我正在查看LESS變量的「自定義」部分,但無法找到太多顏色。如何獲得bootstrap 3提供的顏色列表?如何獲取twitter引導程序3種顏色的列表?

例如,搜索藍色bootstrap 3 docs不會返回任何結果。而在bootsrap 2 docs搜索藍色顯示藍色。

謝謝!

+0

後,我的答案更新重新閱讀您的問題 – erikrunia

回答

10

他們不再以這種方式命名它們的類或變量,因爲它們在第3版中試圖更加語義化,即命名它所做的事情而不是它看起來像的東西。所以@Blue可能會變成@ btn-default-color。

從長遠來看,這會更好,因爲您的實施可能會使其變爲綠色,所以@blue無法再充分描述它。不幸的是,除非你知道顏色十六進制代碼,這使它更難一點。

您可以隨時(在現代瀏覽器中)右鍵單擊您看到的顏色並選擇「檢查元素」,從右側的CSS代碼中竊取顏色,然後在文檔中搜索THAT顏色代碼。

http://getbootstrap.com/customize/#less-variables

+0

它仍然是尷尬的,如果我要的顏色我的導航欄「藍」,然後我不得不使用@ BTN-BAR-顏色什麼的。或者,也許這是有道理的? – okysabeni

+3

沒錯。與HTML和CSS相關的語義命名是標籤,類,ID和屬性,描述但不指定它們所包含的內容。 Bootstrap尤其被數百萬人重複使用,他們可以用自己的顏色值來覆蓋顏色值,但可以在這種可互換的網站上討論它......只需更新'@ btn-default-color'並且您的按鈕默認顏色將會改變,如果他們使用舊的命名方案,我會說只是更新'@ blue',而用「黑色」的東西可能會很快混淆 – erikrunia

+0

好的。感謝您花時間解釋erik! – okysabeni

相關問題