2015-10-19 1 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> 

Как использовать класс «pull-right» в BootsFaces? В своей документации они используют его, но реализации кода там нет. Bootsfaces Navbar ExampleКак изменить выравнивание в BootsFaces? Нужна последняя ссылка navbar на правый угол

Классы, которыми они пользуются, являются: nav navbar-nav pull-right и navbar-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.

Смежные вопросы