css - Bootstrap modal autoresizing after first click -


i have bunch of div's being displayed inside bootstrap modal window gets activated click of button,

the problem whenever refresh page , click on button opens fine when close modal dialog box , re-click button div elements appear outside modal window

  • this first time opening modal dialog after refresh page 1st modal dialog

  • this second time opening modal dialog after close first 1 (the div elements overflowed outside modal dialog box) enter image description here

this code current modal-dialog

    <div class="thumbnail"><img src="../images/pix/place.png" href="#supket" data-toggle="modal" /></div><!-- calls pop-up -->     <div class = "modal fade" id="supket" role="dialog">         <div class="modal-dialog">             <div class="modal-content">                 <div class="modal-header">                     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>                     <h3>*** title ****</h3>                  </div>                   <div class="modal-body">                     <div id="supkettt" runat="server"></div><br /><br /></div> <!-- content of modal-dialog -->                 <div class="modal-footer">                     <button type="button" class="btn btn-primary" data-dismiss="modal">done</button>                 </div>             </div>         </div>     </div> 

p.s: i'm using bootstrap 3.0 , have 4 modal boxes , 1 have problem with.


Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -