Customizing twitter Bootstrap -

Customizing twitter Bootstrap -

i never used twitter bootstrap 3 have utilize modal in html page.when button clicked modal should used.i want utilize to the lowest degree code modal.no css , typography twitter bootstrap.can please help how jquery plugin related modal ??

as instructed in http://getbootstrap.com/javascript/#modals

just improve understanding, can see fiddle here. utilize jquery , bootstrap-modal.js without other css , typography.

first, create modal divs structure, , hide when page load whether using own css or jquery

<!-- modal --> <div class="modal fade" id="mymodal" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title" id="mymodallabel">modal title</h4> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">close</button> <button type="button" class="btn btn-primary">save changes</button> </div> </div> </div> </div>

hide piece of jquery

$('.modal').hide();

and allow button toggle visibility of modal

twitter-bootstrap twitter-bootstrap-3