大标题旁边的 Bootstrap 4 小徽章 [英] Bootstrap 4 small badge next to big title

问题描述

我正在尝试在 大 标题旁边获得一个 小 Bootstrap (4) 徽章.我试过的:

Product 版本1

和

Product>
<span class="badge焗-primary">版本1</span

我想要的:

实现这一目标的最简单方法是什么?

解决方案

类似的东西

<h1 style="display: inline-block">Product</h1><span class="badge焗-primary" style="vertical-align: top">版本 1</span>

可能会成功.

I'm trying to get a small Bootstrap (4) badge next to a big title. What i've tried:

<h1>Product <span class="badge badge-primary">Version 1</span></h1>

and

<h1>Product></h1>
<span class="badge badge-primary">Version 1</span

What I want:

What is the easiest way to achieve this?

解决方案

Something like

<div>
  <h1 style="display: inline-block">Product</h1>
  <span class="badge badge-primary" style="vertical-align: top">Version 1</span>
</div>

might do the trick.

这篇关于大标题旁边的 Bootstrap 4 小徽章的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！