Tag Archives: Hide Modal Background

September 20, 2017 Bootstrap Questions And Answers

Bootstrap Remove Modal Background

Bootstrap Remove Modal Background Overlay– Sometimes we need to hide bootatrap popup modal overlay background, it can be done in two ways Using – 1. Modal Option, 2. JavaScript/jQuery. Here in this tutorial we are going to cover the both methods with example & online demo.

Bootstrap Remove Modal Background Overlay | Hide Backdrop Example

You can hide bootstrap popup modal in following ways-

1. Using Modal Option
2. Using JavaScript

Using Modal Option

You can hide modal background color using modal option data-backdrop=”false” as below

| Example:


    
        
            
                
                Tutorialsplane Modal Demo
            
            
                Here the description starts here........

Try it »

If you run the above example it will produce output something like this-

Using Modal JavaScript

Sometimes we use javascript to show the modal so we can also remove backdrop using jQuery simply as below-

| Example:

Try it »