Bootstrap modal dialog not showing
<p>I have problem with not showing third Forgot password modal. It is linked from second modal - in Forgot Password </p>

<p>First two modals work normal, third is working if i delete data-dismiss="modal" from  tag, but you can previous window behind forgot password. If i have data-dismiss="modal" in a tag the only thing happens is that the background of the app is darker (like in first two modal) but there is no modal/ dialog for forgot password. </p>

<p>Can someone please check </p>

<pre><code>&lt;form method="post" id="singupform"&gt;
&lt;div class="modal" id="singupModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
    &lt;div class="modal-dialog"&gt;
        &lt;div class="modal-content"&gt;
            &lt;div class="modal-header"&gt;&lt;/div&gt;
            &lt;button class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
            &lt;h4 id="myModalLabel"&gt;Sign up today and start using app&lt;/h4&gt;
            &lt;div class="modal-body"&gt;
                &lt;div class="form-group"&gt;

                    &lt;!-- Sign up meesage errors --&gt;
                    &lt;div id="signupMessage"&gt;
                    &lt;/div&gt;

                    &lt;label for="username" class="sr-only"&gt;Username&lt;/label&gt;
                    &lt;input type="text" name="username" id="username" class="form-control" placeholder="Username" maxlength="30"&gt;
                &lt;/div&gt;

                &lt;div class="form-group"&gt;
                    &lt;label for="email" class="sr-only"&gt;Email&lt;/label&gt;
                    &lt;input type="email" name="email" id="email" class="form-control" placeholder="Email Adress" maxlength="50"&gt;
                &lt;/div&gt;

                &lt;div class="form-group"&gt;
                    &lt;label for="password" class="sr-only"&gt;Password&lt;/label&gt;
                    &lt;input type="password" name="password" id="password" class="form-control" placeholder="Choose a password" maxlength="20"&gt;
                &lt;/div&gt;

                &lt;div class="form-group"&gt;
                    &lt;label for="password2" class="sr-only"&gt;Confirm Password&lt;/label&gt;
                    &lt;input type="password2" name="password2" id="password2" class="form-control" placeholder="Confirm password" maxlength="20"&gt;

                &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class="modal-footer"&gt;
                    &lt;input class="btn blue" name="signup" type="submit" value="Sign up"&gt;
                    &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt; Cancel&lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p></p>

<pre><code>&lt;form method="post" id="loginform"&gt;
&lt;div class="modal" id="loginModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
    &lt;div class="modal-dialog"&gt;
        &lt;div class="modal-content"&gt;
            &lt;div class="modal-header"&gt;&lt;/div&gt;
            &lt;button class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
            &lt;h4 id="myModalLabel"&gt;Login :&lt;/h4&gt;

            &lt;div class="modal-body"&gt;
                &lt;div class="form-group"&gt;

                    &lt;!-- Sign up meesage errors --&gt;
                    &lt;div id="loginMessage"&gt;

                    &lt;/div&gt;
                &lt;div class="form-group"&gt;
                    &lt;label for="loginemail" class="sr-only"&gt;Email&lt;/label&gt;
                    &lt;input type="email" name="loginemail" id="loginemail" class="form-control" placeholder="Email Adress" maxlength="50"&gt;
                &lt;/div&gt;

                &lt;div class="form-group"&gt;
                    &lt;label for="loginpassword" class="sr-only"&gt;Password&lt;/label&gt;
                    &lt;input type="password" name="loginpassword" id="loginpassword" class="form-control" placeholder="Password" maxlength="20"&gt;
                &lt;/div&gt;

                &lt;div class="checkbox"&gt;
                    &lt;label&gt;&lt;input type="checkbox" name="rememberme" id="rememberme"&gt;Remember me&lt;/label&gt;

                    &lt;a class="pull-right " style="cursor: pointer;"  data-dismiss="modal" href="#forgotpasswordModal"  data-toggle="modal"&gt;Forgot Password ?&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="modal-footer"&gt;
                &lt;input class="btn blue" name="login" type="submit" value="Login"&gt;
                &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt; Cancel&lt;/button&gt;
                &lt;button type="button" class="btn btn-default pull-left" data-dismiss="modal" data-target="#singupModal" data-toggle="modal"&gt; Register&lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

&lt;/div&gt;
</code></pre>

<p></p>

<pre><code>&lt;form method="post" id="forgotpasswordform"&gt;
&lt;div class="modal" id="forgotpasswordModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
    &lt;div class="modal-dialog"&gt;
        &lt;div class="modal-content"&gt;
            &lt;div class="modal-header"&gt;&lt;/div&gt;
            &lt;button class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
            &lt;h4 id="myModalLabel"&gt;Forgot Password ? Enter your email address : &lt;/h4&gt;

            &lt;div class="modal-body"&gt;
                &lt;div class="form-group"&gt;

                    &lt;!-- Sign up meesage errors --&gt;
                    &lt;div id="forgotMessage"&gt;

                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                        &lt;label for="loginemail" class="sr-only"&gt;Email&lt;/label&gt;
                        &lt;input type="email" name="loginemail" id="loginemail" class="form-control" placeholder="Email Adress" maxlength="50"&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="modal-footer"&gt;
                    &lt;input class="btn blue" name="login" type="submit" value="Login"&gt;
                    &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt; Cancel&lt;/button&gt;
                    &lt;button type="button" class="btn btn-default pull-left" data-dismiss="modal" data-target="#singupModal" data-toggle="modal"&gt; Register&lt;/button&gt;

                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

    &lt;/div&gt;
</code></pre>

<p></p>