/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 vote142 views1 answer
How to display image in div using id in html
Html
0 vote144 views1 answer
Ionic checkbox value by function
Html
3 votes151 views2 answers
Mdb CDN
Html
0 vote189 views1 answer
Amzaon web scraper html
Html
25 votes147 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0).
Html
4 votes155 views3 answers
Show timestamp as yyyy mm dd html angular
Html
0 vote159 views1 answer
Fix character wpf missing
Html
0 vote153 views1 answer
How to read file over two directory back
Html
0 vote152 views1 answer
Align image center of webpage
Html
0 vote177 views2 answers
Href with parameters
Html