在菜单上放置Bootstrap标志

Question

我正尝试将Bootstrap徽章定位如下图：

但这就是我得到的：

我在做什么错？或者我可以在CSS中添加什么？

这是我的代码：

with open ('foo.srt', 'r') as f:
   for line in f:
      if not line.startswith(('0', '1' , '2', '3')):
         print(line) 

Answer 1

尝试

<div class="col-md">
  <a class="navbar-brand" href="{{ route('user.cart') }}">
    <i class="fas fa-shopping-cart"></i>
    <span class="badge badge-pill badge-warning count-notif">{{ Session::has('cart') ? Session::get('cart')->totalQty : '' }}</span>
    <span class="sr-only">(current)</span>
  </a>
</div>

将此添加到CSS

.count-notif{
  vertical-align:middle;
  margin-left:-15px;
  margin-top: -20px;
  font-size:13px;
}

.badge-warning{
  padding:3px;
}