Bootstrap 4链接右浮动

时间:2018-11-09 11:07:52

标签: twitter-bootstrap css-float

有没有一种更好的方法可以将链接放置到右侧,而不必将其放置在“ clearfix” div中?

<div class="clearfix">
    <a href="/posts/create" class="btn btn-info mb-1 float-right">+ New Post</a>
</div>

2 个答案:

答案 0 :(得分:0)

您可以在父级text-right中使用div类,也可以使用flex。

<div class="d-flex justify-content-end">
 <a href="/posts/create" class="btn btn-info mb-1">+ New Post</a>
</div>

答案 1 :(得分:0)

   
    <a style='float:right;' href="/posts/create" class="btn btn-info mb-1 float-right">+ New Post</a>