How to show the error message in modal popup header in Bootstrap 5-CodePudding

How to show error message in header section in Bootstrap 5

<div >
    <h5 >Add Email Group</h5>
    <div >Invalid data, Please contact your administrator</div>
    <button type="button"  data-bs-dismiss="modal" aria-label="Close"></button>
</div>

CSS

.error{
flex-wrap: wrap;
color:#ff0000;
}

Expected Output

CodePudding user response：

i hope this below link can help you:

https://old.formvalidation.io/examples/showing-messages-modal/

CodePudding user response：

One of solutions, very simple, you can add the tag span inside the title.

<h5 >Add Email Group<br><span style="color:red;font-size:12px;">Invalid data, Please contact your administrator</span></h5>