Navbar .Снять-право не работает

голоса
0

Я пытаюсь поместить содержимое моего навигационной панели в крайнее правое положение, но я не имею никакого успеха.

Вот как это выглядит:

<div class=navbar navbar-inverse >
            <div class=navbar-inner navbar-fixed-top id=navbar-teste>
                    <a class=brand href=/>Fiscalização</a>
                        <ul class=nav>
                            <li class=divider-vertical></li>

                                <li><a href=/>Início</a></li>
                                <li class=divider-vertical></li>
                                    <form class=navbar-search pull-left>
                                        <input type=text class=search-query placeholder=Pesquisar>
                                    </form>
                                    <ul class=nav pull-right>
                                        <li class=divider-vertical></li>
                                        <li class=dropdown  id=menu1>
                                            <a class=dropdown-toggle  data-toggle=dropdown href=#menu1>
                                                <i class=icon-user ></i>  `user`.`username`
                                                <b class=caret></b>
                                            </a>
                                            <ul class=dropdown-menu>
                                                <li><a href=/alterar/dados/usuario/>Alterar Dados de Cadastro</a></li>
                                                <li><a href={%url mudar_senha %}>Alterar Senha</a></li>
                                                <li><a href=/sair/>Sair</a></li>
                                            </ul>
                                        </li>
                                    </ul>   
                        </ul>

              </div>
</div>
Задан 11/11/2012 в 15:57
источник пользователем
На других языках...                            


1 ответов

голоса
0

Вы гнездитесь СВОИМИ ulвнутри ул , которая не имеет всю ширину страницы.

<div class="navbar navbar-inverse ">
            <div class="navbar-inner navbar-fixed-top" id="navbar-teste">
                    <a class="brand" href="/">Fiscalização</a>
                        <ul class="nav pull-left">
                            <li class="divider-vertical"></li>

                                <li><a href="/">Início</a></li>
                                <li class="divider-vertical"></li>
                        </ul>
                                    <form class="navbar-search pull-left">
                                        <input type="text" class="search-query" placeholder="Pesquisar">
                                    </form>
                                    <ul class="nav pull-right">
                                        <li class="divider-vertical"></li>
                                        <li class="dropdown"  id="menu1">
                                            <a class="dropdown-toggle " data-toggle="dropdown" href="#menu1">
                                                <i class="icon-user "></i>  `user`.`username`
                                                <b class="caret"></b>
                                            </a>
                                            <ul class="dropdown-menu">
                                                <li><a href="/alterar/dados/usuario/">Alterar Dados de Cadastro</a></li>
                                                <li><a href="{%url mudar_senha %}">Alterar Senha</a></li>
                                                <li><a href="/sair/">Sair</a></li>
                                            </ul>
                                        </li>
                                    </ul>   
                        </ul>

              </div>
</div>

Я закончил ul, чтобы отделить из formи второй ulметки. Они не должны быть вложены в , так ulкак это является недействительной HTML.

Ответил 12/11/2012 в 19:13
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more