未知的引导程序组件

Question

我已经获得了从给定图像重新创建表单的任务。我使用bootstrap 3，但无法重新创建以下图像。目前我使用的是半径为圆形的标签，但看起来并不一样。有人可以指出我应该使用的正确组件吗？

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当然只是为了简单起见