Looking at some video tutorials I follow what has been done but don't seem to get to modal of the register link to trigger.

Here is the link I want to trigger:

<li><a href="#register-modal" data-toggle="modal" data-target="#register-modal">Register</a></li>

Here is the modal that should be triggering

<!-- Register Modal -->
<div class="modal fade" id="#register-modal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h2>Register</h2>
            </div>
        </div>
    </div>
</div>

I assume that there should be jQuery to be implemented after looking at other answers but i do not see how e if the jQuery es from the bootstrap. The Bootstrap 3 documentation seems to do the same as I did

Looking at some video tutorials I follow what has been done but don't seem to get to modal of the register link to trigger.

Here is the link I want to trigger:

<li><a href="#register-modal" data-toggle="modal" data-target="#register-modal">Register</a></li>

Here is the modal that should be triggering

<!-- Register Modal -->
<div class="modal fade" id="#register-modal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h2>Register</h2>
            </div>
        </div>
    </div>
</div>

I assume that there should be jQuery to be implemented after looking at other answers but i do not see how e if the jQuery es from the bootstrap. The Bootstrap 3 documentation seems to do the same as I did http://getbootstrap./javascript/#modals-examples

• javascript
• html
• twitter-bootstrap
• modal-dialog
• bootstrap-modal

1 Answer 1

The id attribute shouldn't have a hashtag.

Change

<div class="modal fade" id="#register-modal" role="dialog"></div>

to:

<div class="modal fade" id="register-modal" role="dialog"></div>

Working Example