如何为每个图库创建模态和幻灯片？

Question

在应用程序中我有几个图库包含每个图库的数十个图像我使用bootstrap并执行类似下面的代码，但图像模式将显示在右对齐而不是在中心。

<img  data-toggle="modal" data-target="#myModal" width="200" hight="200" src="images/10001281_1418834638375344_6048578890971989138_n.jpg"> 
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <img src="images/10001281_1418834638375344_6048578890971989138_n.jpg"> 
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

      </div>
    </div>
  </div>
</div>

Answer 1

Twitter引导程序对不同的介质尺寸使用模态，宽度为600像素，检查图像宽度是否为600像素

你也可以在每个cearosal中添加twitter-bootstrap幻灯片“carousel”。