1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Centralizar menu dropdown e conteudo

Bom dia povo,

Estou tentando desde ontem fazer um menu dropdown centralizado e não estou conseguindo. Porque ele está alinhando o botão, mas o conteúdo está se mantendo na posição original e não estou sabendo o que fazer. Poderiam me ajudar?

Link para imagem

            <!-- <div class="container"> -->
               <center>
                <div class="dropdown">

                    <button class="btn btn-primary"
                            type="button"
                            id="menu"
                            data-toggle="dropdown"
                            aria-haspopup="true"
                            aria-expanded="false"
                            >Menu Principal
                        <span class="caret"></span>
                    </button>

                    <ul class="dropdown-menu" aria-labelled by="menu" >

                        <li class="menuhistorico"><a href="home.html" >Home</a></li>
                        <li class="menuhistorico"><a href="info.html">Info</a></li>
                        <li class="menuhistorico"><a href="special-events.html">Special Events</a></li>
                        <li class="menuhistorico"><a href="dvd.html">DVD</a></li>
                        <li class="menuhistorico"><a href="location.htm">Location</a></li>
                        <li class="menuhistorico"><a href="menu.html">Menu</a></li>
                        <li class="menuhistorico"><a href="review.html">Review</a></li>

                    </ul>

                </div>
                </center>

Coloquei a parte do código onde está configurado o menu em questão.

  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

0 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags html ou faça a sua própria pergunta.