Question

Following this code my button works perfectly:

http://twitter.github.com/bootstrap/javascript.html#modals

Fades and everything. I want to migrate this button to my websites nav bar. Once i insert the code into my navbar.. the fade function of the model fades out the entire body of the website. This prevents me from entering anything into the forms inside the model.

Answer 1

You would have to use that

$('#myButton').click(function(){
    $('#myModal').modal('hide');
});

And remove data-dismiss="modal" from the button because this triggers the fading of the parent modal.