Почему некорректно отображается modal на bootstrap?

Question

[GaserV]

getbootstrap.com/javascript/#modals

Юзаю этот пример.

<!-- Large modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Large modal</button>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      ...
    </div>
  </div>
</div>

<!-- Small modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">Small modal</button>

<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      ...
    </div>
  </div>
</div>

Вот демка. site784.esy.es/ang-test/#/articles

Comments

[sergey]

Вы точно юзаете этот пример, внимательно посмотрите на свою работу и на пример и найдите разницу.

[GaserV]

SM: точно юзаю его. А чем он может отличаться? Если я просто сделал копи паст?

[GaserV]

SM: все равно не понимаю. Оно-то открывается, но проблема скорее всего с позиционированием. Потому-что fade выше чем modal такое ощущение. в css у себя нигде не задавал z-index. Помогите пожалуйста. Что не так?

[sergey]

GaserV: пример показал, а ты angular используешь? jquery подключено?

[GaserV]

SM: да. Юзаю ангуляр и jq подключено

[sergey]

GaserV: добавил еще один пример с angularjs

[GaserV]

SM: is`t working!)

[GaserV]

SM: так angular здесь не причем. Он не влияет на это.

[sergey]

GaserV: я не говорил что он влияет, просто у меня пример был модалки (bootstrap-angular)

[sergey]

GaserV: должно работать или первый вариант или второй