/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 vote115 views1 answer
Html mobile does not show pdf with object
Html
0 vote122 views1 answer
Readium github
Html
0 vote200 views1 answer
Prevent from going to a function html click
Html
1 vote111 views2 answers
Blade loop index
Html
12 votes114 views5 answers
Meta refresh
Html
7 votes140 views2 answers
Animate on scroll
Html
0 vote117 views1 answer
How to divide web page into different sections which scroll independently
Html
26 votes136 views3 answers
Line under text html
Html
5 votes129 views2 answers
Alt meaning in html
Html
0 vote125 views1 answer
Cannot play media. no decoders for requested formats: text/html
Html