bootstrap nav center, stackoverflow answer

by kuyabiye

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
<div class="container">
  <div class="row">
    <div class="col-md-4 col-md-offset-4 dropdown-center">
      <div class="dropdown">
        <a id ="dLabel" data-toggle="dropdown" href="#">Despliega menú<span class="caret"></span></a>
        <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
          <li role="presentation">
            <a role="menuitem" tabindex="-1" href="www.google.com" target="_blank">Google</a>
          </li>
          <li role="presentation">
            <a role="menuitem" tabindex="-1" href="www.facebook.com" target="_blank">Facebook</a>
          </li>
          <li role="presentation">
            <a role="menuitem" tabindex="-1" href="www.stackoverflow.com" target="_blank">Stack Overflow</a>
          </li>
          <li role="presentation" class="divider"></li>
          <li role="presentation">
            <a role="menuitem" tabindex="-1" href="#" target="_blank">Mi Web</a>
          </li>
        </ul>
      </div>
    <!-- /div.dropdown -->
    </div>
    <!-- /div.col-md-4 .col-md-offset-4 -->
  </div>
  <!-- /div.row -->
</div>
<!-- /div.container -->

CSS

.dropdown-center {
   text-align: center;
   
}

.dropdown-center .dropdown {
    display: inline-block;
}