title: Bootstrap horizontal dropdown menu aligned to right
body: <p>I had problem with aligning my horizontal drop down menu to right side of <code>row</code> container. It is because I have <code>position:fixed</code> in my css but it is only way to style this type of menu.</p>
  
  <p>Here is my css:</p>
  
  <pre><code>.top-main .dropdown-menu {
    width: 100%;
    position: fixed;
    top: 87px;
    z-index: 1000;
    text-align: right;
    padding: 5px 0;
    margin: 0 auto;
  }
  </code></pre>
  
  <p>And whole menu you can see here: <a href="http://www.bootply.com/mNP0ficFef" rel="nofollow">http://www.bootply.com/mNP0ficFef</a></p>
  
  <p>As you can see the menu is aligned to right side of monitor, but it should be aligned to right side of <code>row</code>. Any suggestions?</p>