css – Bootstrap Card Header:pull-right

前端之家收集整理的这篇文章主要介绍了css – Bootstrap Card Header:pull-right前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我应该如何在Bootstrap 4,Card Header中将我的小文本对齐?

HTML

<div class="container">
  <div class="row">
    <div class="col">
      <div class="card">
        <!--CARD HEADER-->
        <h4 class="card-header">HEADER <small class="pull-right">right aligned</small></h4>
        <!--CARD BODY-->
        <div class="card-body">
        </div>
      </div>
    </div>
  </div>

这是我尝试过的:
https://jsfiddle.net/LL0qnnxm/60/

解决方法

使用float- {sm,md,lg,xl} -right而不是pull-right,因为它在Bootstrap 4中已更改.有关详细信息,请阅读此 https://v4-alpha.getbootstrap.com/migration/

有关您的解决方案,请查看更新的Fiddle

猜你在找的CSS相关文章