Question

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:b="http://bootsfaces.net/ui">
<h:head>
</h:head>

<h:body>
<b:navBar brand="Brand" brandHref="#" inverse="true">
    <b:navbarLinks>
        <b:navLink value="Home" href="#"></b:navLink>
        <b:navLink value="Link" href="#"></b:navLink>
        <b:navLink value="Linktobeshiftright" href="#"></b:navLink>
    </b:navbarLinks>
</b:navBar>
</h:body>
</html>

如何使用＆＃34; pull-right＆＃34;在BootsFaces上课？在他们的文档中，他们正在使用它，但代码实现不存在。 Bootsfaces Navbar Example

他们使用的课程是：nav navbar-nav pull-right和navbar-form navbar-left。

Answer 1

使用＆lt; pull="right"：

的属性b:navbarLinks>

    <b:navBar brand="Brand" brandHref="#" inverse="true">
      <b:navbarLinks>
        <b:navLink value="Home" href="#"></b:navLink>
        <b:navLink value="Link" href="#"></b:navLink>
        <b:navLink value="Linktobeshiftright" href="#"></b:navLink>
        </b:navbarLinks>
    </b:navBar>

如果您想将个人b:navLink拉到右侧（如标题所示），您可以使用styleClass属性（必需的BootsFaces 0.7.0或更高版本）。

顺便说一下，您可以在https://github.com/TheCoder4eu/BootsFacesWeb看到我们的展示应用程序的源代码。

如何改变BootsFaces中的对齐方式？需要导航栏到右上角的最后一个链接

1 个答案: