Panel not reandering background color

Hi All

Looked the example for panels with styles. I applied the following styles including text and background style to the panel but it did not take effect see my code below:

<div class="row">

<divclass="col-4">

<mdb-cardclass="text-white mb-3"bgColor="warning"style="max-width: 20rem">

<mdb-card-header>Header</mdb-card-header>

<mdb-card-body>

<mdb-card-title>

<h5>Warning Panel title</h5>

</mdb-card-title>

<mdb-card-textclass="text-white">Some quick example text to build on the panel title and make up the bulk

of the

panel's content.</mdb-card-text>

</mdb-card-body>

</mdb-card>

</div>

<divclass="col-4">

<mdb-cardclass="text-white mb-3"bgColor="bg-danger"style="max-width: 20rem">

<mdb-card-header>Header</mdb-card-header>

<mdb-card-body>

<mdb-card-title>

<h5>Danger Panel title</h5>

</mdb-card-title>

<mdb-card-textclass="text-white">Some quick example text to build on the panel title and make up the bulk

of the

panel's content.</mdb-card-text>

</mdb-card-body>

</mdb-card>

</div>

<divclass="col-4">

<mdb-cardclass="text-white mb-3"bgColor="bg-success"style="max-width: 20rem">

<mdb-card-header>Header</mdb-card-header>

<mdb-card-body>

<mdb-card-title>

<h5>Success Panel title</h5>

</mdb-card-title>

<mdb-card-textclass="text-white">Some quick example text to build on the panel title and make up the bulk

of the

panel's content.</mdb-card-text>

</mdb-card-body>

</mdb-card>

</div>




</div>