如何在面板标题旁边添加徽章？

Question

我在版本0.7.0中使用BootsFaces。

在BootsFaces中，您可以使用<b:badge value="#{bean.size}"/>轻松创建徽章。这非常有效。

其实我使用的是<b:panel title="Authors"/>。

我正在尝试在标题旁边添加<b:badge/>（如图所示）。是否有可能通过BootsFaces实现这一目标，还是CSS中有一个很好的方法？ 您是否有其他提示使用此功能，特别是对于用户XP？

Answer 1

用<b:panel>方面替换heading的标题：

<b:panel>
  <f:facet name="heading">
    <h:outputText value="Panel heading with a facet in place of a title "/>
    <b:badge style="margin-left:10px" value="since version 0.4"/>
  </f:facet>
  <h:outputText value="Panel Content"/>
</b:panel>

（请注意，style的{​​{1}}属性是BootsFaces 0.8.0的一项功能。