Как изменить выравнивание в BootsFaces? Нужна последняя ссылка navbar в правый угол

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

Классы, которые они используют: 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.

Другие вопросы по тегам