css - 未知的 Bootstrap 组件

Question

我接到一项任务，要根据给定的图像重新创建一个表单。我正在使用 bootstrap 3，但无法重新创建以下图像。目前我使用的是带有圆 Angular 半径的标签，但它看起来不一样。有人可以指出我应该使用的正确组件吗？

Answer 1

你可以使用 fontawesomes stacked icons概念。但这会使图标比你的更大。否则，正如您自己指出的那样，您可以使用 badge 或 label 并通过修改 border-radius 或其他任何不符合您需求的东西...

<!-- just some example code -->
Deposit 
<span class="fa-stack">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-plus fa-stack-1x fa-inverse"></i>
</span>

Priority Payment? <span class="label label-default" style="border-radius:100%">?</span>
Deporit <span class="badge">+</span>

PS:请注意，您必须覆盖所有 border-radius-prefixes，最好在 css 类中完成(一如既往)。这里的内联css当然只是为了简单