我正在使用带有Bootstrap 4和Angular Material的角度2 .但是,我无法正确对齐容器div中的元素.我希望我的按钮和文本都与右侧对齐
以下是我尝试生成结果的代码,如照片所示
<div class="container">
<div class="pull-right">
<p class="d-inline pull-right">Some text</p>
<button type="button" class="btn btn-primary pull-right">+</button>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我也尝试过StackOverflow的这个解决方案
<div class="container">
<div class="asdf">
<p class="d-inline pull-right">Some text</p>
<button type="button" class="btn btn-primary pull-right">+</button>
</div>
</div>
.asdf {
margin-left:auto;
margin-right:0;
}
Run Code Online (Sandbox Code Playgroud)
这两种解决方案都不会将元素向右移动.我究竟做错了什么?