/Html/Flex inside flex mr-auto not working

Flex inside flex mr-auto not working

// add width to 100% inside flex wrapper dive
<div class="d-flex p-2">
                                <div class="profile-avatar mr-2">
                                    <img class="avatar-img" src="/images/Avatar" alt="avatar">
                                </div>

                                <div class="w-100">
                                    <div class="d-flex mb-1">
                                        <h6 class="text-truncate mb-0 mr-auto">Name</h6>
                                        <p class="small text-muted text-nowrap last-updated" datetime="Timestamp"></p>
                                    </div>
                                    <div class="text-wrap text-break p-1 message">message.Content</div>
                                </div>
                            </div>

Source: stackoverflow.com

Similar codes

0 vote169 views1 answer
One side toggle in bootstrap
Html
2 votes159 views1 answer
How to use unsplash images in html
Html
0 vote170 views1 answer
Vuejs toggle on each in v-for
Html
0 vote161 views1 answer
What is rc in version
Html
11 votes162 views2 answers
Top middle bottom html
Html
0 vote162 views1 answer
Func.apply is not a function at HTMLUnknownElement.callCallback
Html
49 votes174 views4 answers
Disable autocomplete on input
Html
0 vote175 views1 answer
Html details open default
Html
9 votes175 views4 answers
Html include jquery
Html
0 vote174 views1 answer
Hide html element show on print bootstrap 4.6
Html