Question

我是twitter- bootstrap 的新手，这个问题可能已经回答了1000次 - 我找不到合适的搜索字词。

如果我想在多个元素上重复相同的类组，我如何告诉bootstrap将该组中的所有类应用到某些元素上？

e.g。（伪代码）

animal: {col-zz-5 tip tralala trili li kuki top-margin-20 lorem ipsum}

<li meta-class="animal">gamal</li>
<li meta-class="animal">soos</li>
<li meta-class="animal">kipod</li>

和NOT：

<li meta-class="col-zz-5 tip tralala trili li kuki top-margin-20 lorem ipsum">gamal</li>
<li meta-class="col-zz-5 tip tralala trili li kuki top-margin-20 lorem ipsum">soos</li>
<li meta-class="col-zz-5 tip tralala trili li kuki top-margin-20 lorem ipsum">kipod</li>

约束：

我真的不想添加像LESS这样的外部解决方案，这增加了另一个级别的复杂功能（学习，加载，性能和维护）。

我不想在服务器上这样做。

BTW：我当前的项目基于角度 - 所以如果有内置的角度解决方案，这也是可以接受的。例如。我可以把我的课写成class =“{{animal}}”，并在中心某处定义“动物”（在哪里？）

修改

我分叉了@NeilKistner的小提琴手=＆gt;使用有效的解决方案：http://jsfiddle.net/qaZmF/

希望在关闭此解决方案之前听到更多解决方案。

Answer 1

使用AngularJS我能够想出这个，你应该能够适应你的项目。

<强> HTML

<div ng-app="App">
    <div ng-controller="Ctrl">
      <li meta-class="{{ animal }}">gamal</li>
      <li meta-class="{{ animal }}">soos</li>
      <li meta-class="{{ animal }}">kipod</li>
    </div>
</div>

<强> JS

function Ctrl($scope) {
  $scope.animal = 'col-zz-5 tip tralala trili li kuki top-margin-20 lorem ipsum';
}

JSFiddle： http://jsfiddle.net/2c24r/

是否有内置的方法将Bootstrap类分组为“元类”？

1 个答案: