bootstrap 4 pull-xs-right not working as expected

Question

I have this html using bootstrap 4 utilities to pull the buttons to the right of the screen. And it does do this.

However, the buttons do not push down the content

Answer 1

As mentioned above float replaces pull. So .float-right replaces .pull-right and .float-left replaces .pull-right. You can add -{sm,md,lg,xl} for different breakpoints for example .float-md-right will break on medium-sized screens. If you leave off the size then it will not break and will always float in the direction indicated.