html - Bootstrap modal not showing after copy and paste -


im using latest bootstrap , went make second modal register link , copied , pasted exact code had login worked reason register 1 wont. dims background doesnt pop modal up.

    <!doctype html> <html lang="en">   <head>     <meta charset="utf-8">     <meta http-equiv="x-ua-compatible" content="ie=edge">     <meta name="viewport" content="width=device-width, initial-scale=1">     <!-- above 3 meta tags *must* come first in head; other head content must come *after* these tags -->     <title>yeti draft</title>     <link href="css/bootstrap.css" rel="stylesheet">     <link rel="stylesheet" type="text/css" href="css/layout.css" >     <link rel="stylesheet" type="text/css" href="css/menu.css">     <script src="js/bootstrap.js" type="text/javascript"></script>   </head>     <body>     <div id = "container">     <div id = "header">     <h1>maybe logo</h1>     </div>     <div id = "navbar">         <nav>             <ul>                 <div id = navstart>                 <li><a href="#"><img src="images/logo.png"></a></li>                 <li><a href="#">about</a></li>                 <li><a href="#">winners!</a></li>                 <li><a href="#">contact us</a></li>                 <li><a href="#">faq</a></li></div>                 <div id = "login"><li><a href="#loginmodal" data-toggle="modal">login</a></li>                 <li class = "sign"><a href="#registermodal" data-toggle="modal">sign up</a></li>                 </div>             </ul>         </nav>     </div>     <div id = "content">     </div>     <div id = "footer">     </div> </div>     <!-- login modal -->             <div class="modal fade" id="loginmodal" aria-hidden="true">             <div class = "modal-dialog">                 <div class = "modal-content">                     <div class = "modal-header">                         <button type="button" class="close" data-dismiss="modal" aria-label="close"><span aria-hidden="true">&times;</span></button>                         <h3 class="modal-title">login</h3>                      </div>                         <div class="modal-body">                         <form>                          </form>                     </div>                     <div class="modal-footer">                     </div>                     </div>         </div>       <!-- register modal -->         <div class="modal fade" id="registermodal" aria-hidden="true">             <div class = "modal-dialog">                 <div class = "modal-content">                     <div class = "modal-header">                         <button type="button" class="close" data-dismiss="modal" aria-label="close"><span aria-hidden="true">&times;</span></button>                         <h3 class="modal-title">sign up</h3>                      </div>                         <div class="modal-body">                         <form>                          </form>                     </div>                     <div class="modal-footer">                     </div>                     </div>         </div>        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">   </body> </html>

the register-modal div placed inside login-modal div.(you have missed 1 of closing div tags login modal.) please put register-modal outside login-modal. work perfectly.

cheers!


Comments

Post a Comment

Popular posts from this blog

android - MPAndroidChart - How to add Annotations or images to the chart -

i working latest mpandroidchart library , looking way add annotations or images clickable. example: once data reaches value event occurs want able display user - there multiple events can occur annotations (not sure if right word) or image added @ point in chart. any pointers welcome. check documentation of yaxis . focus on setspacetop(...) , setaxismaxvalue(...) methods. for background: bar-shadow , disable calling: barchart.setdrawbarshadow(false) or change color: bardataset.setbarshadowcolor(int color)
Read more

javascript - Add class to another page attribute using URL id - Jquery -

i have attached id url. ex: when click link 1 , has #tab-2 id , takes me landing page. in landing page have find element has #tab-2 id have add class .active . i tried no luck. please 1 correct code. thanks js fiddle link html <div class="menu"> <ul> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-2">link 1</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-44">link 2</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-74">link 3</a></li> </ul> </div> landing page <div class="tab"> <ul> <li><a id="tab-2" class="active" >link 1 content</a></li> <li><a id="tab-44" >link 2 content</a></li> <li><a id="tab-74" >link 3 content</a></l...
Read more

firefox - Where is 'webgl.osmesalib' parameter? -

i'm trying webgl running on firefox (v37.0.2) via software acceleration mesa. tried following steps have been stated in article: http://www.binarytides.com/enable-webgl-firefox-ubuntu/ however, unable find parameter named ' webgl.osmesalib ' in about:config section? has been removed (or renamed)? if yes, how should instruct firefox use mesa's software acceleration webgl? looks support osmesa removed in favour llvmpipe.
Read more