bootstrap modal remove gray background

To remove the gray background from a Bootstrap modal, you can override the default CSS styles using your own custom CSS. Here's the code snippet you can use:

.modal-content {
  background-color: transparent;
}

This CSS code targets the .modal-content class, which is the container for the modal's content. By setting the background-color property to transparent, you can remove the gray background and make it transparent.

You can add this CSS code to your HTML file by either linking an external CSS file or including it within a <style> tag in the <head> section of your HTML document.

Remember to include this CSS code after the Bootstrap CSS file, so that it takes precedence and overrides the default styles.

That's it! The gray background of your Bootstrap modal should now be removed.