jquery - Bootstrap下拉菜单显示错误

我的下拉按钮上的下拉菜单笨拙地向左显示(见图)。我该如何解决这个问题？

<div class="dropdown">
      <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Select a map!
      <span class="caret"></span></button>
      <ul class="dropdown-menu">
        <li><a href="#">Dust II</a></li>
        <li><a href="#">Mirage</a></li>
        <li><a href="#">Inferno</a></li>
        <li class="divider"></li>
        <li class="dropdown-header">More coming soon!</li>
      </ul>
    </div>

最佳答案

你的编码工作得很好我不知道错误来自哪里，你能给出完整的编码吗

html 和 css

你可以从这里查看 http://www.bootply.com/v0PX9nmUro

我会在看到您的编码后更新我的答案。谢谢

关于jquery - Bootstrap下拉菜单显示错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31822949/