I am utilizing Bootstrap 4 utilities to align buttons to the right of the screen in my HTML, and it is achieving the desired effect.
However, I am facing an issue where the buttons are not pushing down the content below them as anticipated. Instead, they are overlapping the content.
When I do not use the pull-xs-right class, the buttons align to the left but correctly push the items below them.
Is there another class that should be applied to resolve this issue?
<div class="pull-xs-right">
<button click.delegate="saveEdit()"
type="submit"
class="k-button k-primary">
Save
</button>
<button click.delegate="cancel()"
class="k-button">
Cancel
</button>
</div>