用自己的类替换Bootstrap中的CSS类

Question

我对 Boostrap 3 和 LESS 相对较新。我的目标是成为Boostrap的独立，这样我将来可以通过对HTML代码的最小更改来更改框架。我尝试使用LESS在我的HTML代码中避免使用与Boostrap相关的CSS类。这对于基本布局非常有效，但随着我的进展，似乎并不像我想的那么容易。

例如，我无法删除＆＃34; navbar-toggle＆＃34;或＆＃34; navbar-brand＆＃34;班;使用LESS将它们封装在我自己的类中并不起作用。有人可以帮助我吗？

使用＆＃34; my-toggle＆＃34;而不是＆＃34; navbar-toggle＆＃34;：

<button type="button" class="my-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
</button>

LESS（不工作）：

.my-toggle {
    .navbar-toggle;
} 

我已根据粘性导航栏/页脚示例准备了一个简单的小提琴：

http://jsfiddle.net/Yhcz4/24/

干杯！