2015-10-19 23 views
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> 

如何在BootsFaces中使用「拉右」類?在他們的文檔中他們使用它,但代碼實現不在那裏。 Bootsfaces Navbar Example如何更改BootsFaces中的對齊方式?需要導航欄右上角的最後一個鏈接

他們正在使用的類是:nav navbar-nav pull-rightnavbar-form navbar-left

回答

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上看到我們的展示應用程序的源代碼。

相關問題