創建自己的Twitter引導按鈕

Question

我正在開發一個使用twitter引導的web應用程序，我想創建自己的背景，我自己的背景，我不想使用已存在的按鈕，使用btn-primary etc ...但我想用我自己的班級創建我自己的按鈕。我想要使​​用btn類的核心功能。所以理想情況下我的按鈕將使用class=" btn btn-myPrimary"。

我檢查了variables.less和buttons.less，只有我能夠更改現有按鈕的值，如btn-primary。我無法創建自己的按鈕，如btn-myPrimary。

在此先感謝您的幫助。

Answer 1

喜歡這個ref links下面

Link

Answer 2

如果你可以編譯更少的文件，那麼你可以使用這個按鈕混入（來自mixins.less）：如果你看一下buttons.less

// Button variants 
// ------------------------- 
// Easily pump out default styles, as well as :hover, :focus, :active, 
// and disabled options for all buttons 
.button-variant(@color; @background; @border) { 
color: @color; 
background-color: @background; 
border-color: @border; 
... 

你可以看到他們是如何使用它的：

.btn-default { 
    .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border); 
} 
.btn-primary { 
    .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border); 
} 
// Warning appears as orange 
.btn-warning { 
    .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border); 
} 
// Danger and error appear as red 
.btn-danger { 
    .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border); 
} 
// Success appears as green 
.btn-success { 
    .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border); 
} 
// Info appears as blue-green 
.btn-info { 
    .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border); 
}