Bootstrap - Issue with Multiple Modals

Question

i am trying to make a bootstrap website, and im having an issue with modals.

I can make the first one fine, but when i go to make the second one it just wont open?

the only linking tag i can see in the code is:

 div class="modal fade" id="project-modal1" tabindex="-1" role="dialog" aria-labelledby="project-modal-label" aria-hidden="true" >
  <div class="modal-dialog">
    <div class="modal-content">

And this is what i have on the image i want to link:

  <a href="#" class="thumbnail" data-toggle="modal" data-target="#project-modal1">
     <img src="img/port1.jpg" alt="">
</a>

is there abything im missing? as i said, one works fine, but when i add a second and change the "id" it wont load?

Answer 1

我有一个内部站点正在使用引导程序模式，并且在我的a元素上，我将href设置为href="#project-modal1"并且没有事件具有data-target属性，并且效果很好。