Topic: Panel not reandering background color
vazom pro asked 5 years ago
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>
Add comment
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: 6.3.0
- Device: Laptop
- Browser: Chrome
- OS: Windows
- Provided sample code: Yes
- Provided link: No