/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

2 votes145 views1 answer
Best place to include script in html layout
Html
0 vote148 views2 answers
Form table selection
Html
0 vote178 views1 answer
Format html in notepad++
Html
0 vote288 views1 answer
To ensure user input is a link in html
Html
0 vote163 views1 answer
Superscript the word using html
Html
0 vote149 views1 answer
OpenGraph 2
Html
2 votes157 views1 answer
Gender selection in html
Html
4 votes153 views2 answers
Html metatags for facebook
Html
0 vote177 views4 answers
Html to exe
Html
0 vote156 views1 answer
Rmarkdown revealjs_presentation remove black border to images
Html