创建自己的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); 
}