Skip to content

Conflicts with bootstrap's modal abilities #18

Closed
@lavaeagle

Description

@lavaeagle

When I have a standard modal with Twitter's bootstrap I can't open the modal. I narrowed it down to the 'hide' class on the modal itself.

The backshadow shows when clicked but not the modal. When I take off hide the modal shows immediately but that's not the behavior we want.

Bootstrap.css 2.1
bootstrap.js 2.1
jQuery - 1.7.2
jQuery UI - 1.8.21
Chrome: 21
CSS3Finalize: 3.0

<-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<-- Modal -->
<div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions