How to Convert custom CSS Modal into Bootstrap Modal?

I have a custom CSS maded Modal which I want to place in the bootstrap website template. Now the problem is this custom Css Modal wasn’t fit into the theme and the css code of Modal interfere with the bootstrap classes and the result would be shown here:

I want to convert the Modal into the bootstrap layout so that it would align perfectly with my bootstrap theme:
This is how Modal looks like:

Layout which looking in bootstrap:

Here is js fiddle:https://jsfiddle.net/navjot789/bzk1jc42/1/

I know the CSS but I have No knowledge about classes of the bootstraps. Any help is appreciated. Thanks in Advance.

Hi there,

You should use the basic bootstrap modal for your custome modal and then override it with custome css file.

1 Like

I know the CSS but I have No knowledge about classes of the bootstraps. Any help is appreciated. Thanks in Advance.

Hi there,

this should be something like this:
https://jsfiddle.net/behq4dkw/