0 
<?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>

How to use "pull-right" class in BootsFaces? In their documentation they are using it but the code implementation is not there. Bootsfaces Navbar Example

The classes they are using are: nav navbar-nav pull-right and navbar-form navbar-left.

4

1 回答 1

1

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看到我们展示应用程序的源代码。

于 2015-10-19T19:38:27.783 回答