jquery - 下拉中心对齐到按钮

Question

我正在尝试对齐 <ul>下拉菜单以单击的按钮为中心，如 http://jsfiddle.net/em0nh0pw/ 所示，但似乎无法获得需要使用的正确拉动或类。

具体来说:

<button class="btn btn-primary dropdown-toggle" type="button" name="ttl_frontpage" id="ttl_frontpage" data-toggle="dropdown">
  <span class="badge">10 min</span>&nbsp;&nbsp;
  <span class="glyphicon glyphicon-edit"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="ttl_frontpage_menu">
 <li><a href="#" data-value="60">1 min</a></li>
[..]
</ul>

理想情况下，我希望看到 <ul>菜单显示在垂直和水平方向上都以按钮为中心，但似乎也无法正确显示。非常感谢任何帮助!

Answer 1

如果您需要将 ul 居中，可以使用 translateX 轻松完成。

需要改一加一行CSS:

在 .dropdown-menu:

left: 50%; /* instead of left: 0; */
transform: translateX(-50%); /* add this one */

JSFiddle