atstyle

<div id="myCarousel" class="carousel">
  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="active item">...</div>
    <div class="item">...</div>
    <div class="item">...</div>
  </div>
  <!-- Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>

atstyle

<div id="myModal" class="modal hide fade">
<div class="modal-header">
<a class="close" data-dismiss="modal" >&times;</a>
<h3>画像の説明（alt）</h3>
</div>
<div class="modal-body">
<img alt="" src="画像" class="mt-image-none" style="" height="375" width="500"><!-- 527pxまでOK -->
</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal" >閉じる</a>