BS标头，右对齐

Question

我想在右边的标题中添加一个附加的小元素，该元素按照如下所示对齐到右边：

DB::table('carwash')
                 ->selectRaw('*, (col1 + col2 + col3) as totalAmount')
                 ->where('paid','1')
                 ->where(function($query){
                    ->whereMonth('date_', '=', '01')
                    ->orWhereMonth('date_', '=', '02')
})
                 ->whereYear('date_', '=', '2019')
                 ->get();

但是，右侧的span元素放置在较高/不与第一个小元素对齐的位置。我在做什么错了？

我不想使用CSS网格。

Answer 1

这就是你可以做的。

h1{
    display: flex;
    width: 100%;
    align-items: center;
}
small{
    display: flex;
    width: 100%;
}
span{
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

您可以从跨度中删除向右拉动类。