/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 vote312 views1 answer
Uncaught error: bootstrap's javascript requires jquery version 1.9.1 or higher, but lower than version 3
Html
16 votes359 views6 answers
Striped table bootstrap
Html
0 vote306 views1 answer
Email html table
Html
43 votes322 views4 answers
Multiline comment html
Html
0 vote324 views1 answer
Javascript change the number of range on change
Html
69 votes312 views6 answers
A href tag
Html
38 votes335 views6 answers
How to create a button in html
Html
0 vote320 views1 answer
96.158.226.150
Html
0 vote315 views2 answers
Input change angular event
Html
0 vote314 views1 answer
Jsf c:set date
Html