引导程序下拉菜单显示错误

Question

我的btn下拉菜单中的下拉菜单向左尴尬地显示（见图）。 我该如何解决这个问题？

<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>

Answer 1

您的编码工作正常，我不知道错误是从哪里来的，您能提供完整的编码吗

HTML和CSS

您可以从这里检查http://www.bootply.com/v0PX9nmUro

看到您的编码后，我将更新我的答案。 谢谢

Answer 2

尝试改变你的

<ul class="`enter code here`dropdown-menu">

至

<ul class="dropdown-menu">