Bootstrap modal – disable closing with ESC key or mouse

Must Read : Bootstrap modal – disable closing with ESC key or mouse

With Twitter Bootstrap modals in either version 2 or 3, you can easily prevent the modal window from being closed with the escape key or by clicking on the black backdrop outside the window.

This is useful for keeping people inside of a wizard or other multi-step process inside of a modal box.

Disable the keyboard (ESC key) and mouse clicks outside window

Adding the attributes of data-keyboard="false" and data-backdrop="static" to your modal div will keep the escape key from closing the window.

Add to HTML element

OR control with JavaScript

Google Inbox style design using Bootstrap

Must Read : Google Inbox style design using Bootstrap

Here i’m going to make google inbox style design using bootstrap with font-awesome icons. i hope everybody knew about google inbox that is similar like gmail. In that, there is an design for compose mail as i’m showing in the below image. like that only we are going do here. lets see the code.
So, we are going to do that in bootstrap. so we need add all bootstrap css and js files will jquery plugin and also we have add font awesome css file.
BOOTSTRAP FILES

HTML CODE

CSS CODE

SCRIPT FOR TOOLTIP AND HOVER EFFECT

That’s it. I hope this is really cool one. Thanks for visiting,. Keep in touch with us for more tutorial.