javascript - AngularJS-rize Bootstrap

Question

我刚开始想...

Bootstrap 很棒，但是所有东西都必须放在“类”属性中这一事实实在是太糟糕了。我想到了一些事情:为什么不替换

<div class="panel panel-info">
    <div class="panel-heading"></div>
    <div class="panel-body"></div>
</div>

通过注册的 div 元素(我在考虑 angularJS 指令)

<panel class="info">
    <phead></phead>
    <pbody></pbody>
</panel>

它会不会很无聊/很难做(而且可能对比赛来说很慢？)还是有其他我没有考虑过的东西让它变得无用/不可能？

Answer 1

或者查看 CSS 的属性模块、AMCSS... http://amcss.github.io/

不使用 block 级 div 元素，而是使用 HTML 属性及其值。例如，而不是……

<a class="btn btn-primary btn-lg">Large primary button</a>

你会做类似...

<a am-Button="primary large">Large primary button</a>

我仍在尝试计算性能统计数据，但它仍然非常非常有趣(从 OOCSS 代码的 Angular 来看)。