Угловой ui не работает

Question

Я пытаюсь использовать угловое ui в своем приложении, но не могу решить одну небольшую проблему. Например, я пытаюсь использовать аккордеон. Все работает хорошо на чистой странице, как на plunker, но в моем реальном приложении не работает событие click. Я включаю в моем модуле

angular.module('moduleName', ['ui.bootstrap', 'myFilters', 'my1Services', 'my2Services']) 

мой включает

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script> 
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.5.0.js"></script> 
<script src="js/app.js"></script> 
<script src="js/services.js"></script> 
<script src="js/controllers.js"></script> 
<script src="js/filters.js"></script> 
<script src="js/directives.js"></script> 
<script src="lib/angular/angular-resource.js"></script> 

Я пытаюсь нажать на заголовок

<accordion-group heading="Static Header"> 
      This content is straight in the template. 
</accordion-group> 

Но ничего не произошло. Код, указанный ниже, должен быть открыт, щелкнув на заголовке

<accordion-group heading="{{group.title}}" ng-repeat="group in groups"> 
      {{group.content}} 
</accordion-group> 

Почему не работает? Спасибо

Answer 1

проблема была в стилях: стандартные стили бутстрапа 3.0 не работают с комбинированными стилями 2.3. пример:

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet"> 
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">