如何在Bootsfaces中删除dropMenu插入符？

Question

我正在使用 BootsFaces 在JSF项目中进行响应式UI呈现。 BootsFaces 带来的一切看起来很酷。用户界面设计更容易。但与此同时，我发现可能没有足够的灵活性来针对特定情况自定义UI。

与我的导航栏一样，我使用dropMenu标记作为下拉菜单。

<b:navBar brand="Brand" brandHref="#" fluid="true">
  <b:navbarLinks pull="right" styleClass="hidden-xs">

    <b:dropMenu value="Dropdown">
      <b:navLink value="Action" href="#"></b:navLink>
      <b:navLink value="Another action" href="#"></b:navLink>
    </b:dropMenu>

  </b:navbarLinks>
</b:navBar>

这会像

那样呈现出来

但我不希望向下（或向上插入）右侧的下拉文本。

我已查看有关DropMenu的 BootsFaces 文档。我发现只有down选项实际上对此没有帮助。有谁知道如何从 dropMenu 中删除它？任何CSS或我从 BootsFaces 错过的任何内容？

Answer 1

我浏览了BootsFaces Documentation，发现下拉图标上有caret个等级。

因此，以下情况适用于此案例：）

.caret{
    display: none;
}

Answer 2

在思考了这个问题一周后，我决定不实施专门的BootsFaces功能。 CSS规则可以解决问题。如果您想根据断点显示或隐藏插入符号，它甚至可以工作。只需向其添加媒体查询即可。

供参考：BootsFaces bug tracker还有一张票。