Twitter bootstrap 用自己的类替换引导中的CSS类

我对Boostrap 3和LESS比较陌生。我的目标是完全独立于Boostrap，这样我将来就可以在对HTML代码进行最小更改的情况下更改框架。我试图在HTML代码中使用更少的代码来避免Boostrap相关的CSS类。这对于基本布局来说非常有效，但随着我的深入，这似乎不像我想象的那么容易

例如，我不能删除“navbar toggle”或“navbar brand”类；在我自己的类中使用更少的代码封装它们是行不通的。有人能帮我吗

使用“我的切换”而不是“导航栏切换”：

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

---

干杯

请参阅我的答案、评论和建议。简而言之：大多数引导CSS类实际上并不是可重用的简单混合类。您可以尝试

.my toggle:extend（.navbar toggle all）{}

，但要准备好面对另一个问题，因为Bootstrap不是设计用来这样使用的。谢谢您的回复。

<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>

.my-toggle {
    .navbar-toggle;
}