Modal html e css
Sempre que eu clico na segunda foto amplia a primeira foto! como resolver isso?
Ajuda por favor.
<div class="conteiner-responsiver">
<div class="container" style="padding-top: 60px">
<div class="row portfolio">
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img class="img-responsive" src=""c 862.jpg" alt="The awesome description" data-toggle="modal" data-target="#myModal">
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img class="img-responsive" src="NKUM7162.jpg" alt="The awesome description" data-toggle="modal" data-target="#myModal">
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img class="img-responsive" src="http://lorempixel.com/600/400/cats/?5" alt="The awesome description" data-toggle="modal" data-target="#myModal">
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img class="img-responsive" src="http://lorempixel.com/600/400/cats/?6" alt="The awesome description" data-toggle="modal" data-target="#myModal">
</div>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Im the awesome cat!</h4>
</div>
<div class="modal-body">
<img class="img-responsive" src="c 862.jpg" alt="The awesome description">
</div>
</div>
</div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Im the awesome cat!</h4>
</div>
<div class="modal-body">
<img class="img-responsive" src="NKUM7162.jpg" alt="The awesome description">
</div>
</div>
</div>
</div>Discussão (0)
Carregando comentários...