javascript - Bootstrap (v3.1.1) modal not displaying -
i've looked around @ various solutions can't seem working. i've used following code create modal:
<div aria-hidden='true' aria-labelledby='newspeakerlabel' class='modal fade speaker-form' role='dialog' tabindex='-1'> <div class='modal-dialog'> <div class='modal content'> <div class='modal-header'> <button aria-hidden='true' class='close' data-dismiss='modal' type='button'>×</button> <h4 class='modal-title' id='newspeakerlabel'>new speaker</h4> </div> <div class='modal-body'> put form here </div> <div class='modal-footer'> <button class='btn btn-default' data-dismiss='modal' type='button'>close</button> <button class='btn btn-primary' type='button'>save speaker</button> </div> </div> </div> </div> <h1>speakers</h1> <div class='well bs-component'> <fieldset> <!-- display each speaker --> <!-- link launches modal --> <button class='btn btn-primary btn-sm' data-target='.speaker-form' data-toggle='modal'>add speaker</button> </fieldset> </div>
when click "add speaker" button, happens page darkens though modal appear never shows up. ideas? thanks! (yes, i've added bootstrap.min.js file).
you missing dash in modal-content
class
change
<div class='modal content'>
to...
<div class='modal-content'>
Comments
Post a Comment