Category : Bootstrap

Inline form inputs form groups

Here is a sample form using bootstrap that is being displayed inline

Create toggle button using bootstrap

You can only add the .min.css & .min.js files from the following library to your head code of the page and you will have a toggle button from a check-box. The only thing you need to do for a check-box to be turned into a toggle button is to add the ( data-toggle="toggle" ) attribute to it. Reference :

Prevent modal from hiding when being clicked outside

Sometimes, when a modal appears you donot want to be hidden if you clicked outside it in the gray area around it in the whole page. to prevent that behavoir, Use the following small code to prevent all modals from this action:

Add Tags field in a bootstrap form

Whenever you need an input field, that will hold multiple tags-like words, by writing and pressing just Enter button, then you will definitely need this code snippet.