如何打开HTML导航栏<；李>；变成一个独立的按钮

我正在使用Bootstrap创建一个网站，并添加了一个下拉列表功能，以注册一份时事通讯

如何将该下拉列表与导航栏分开，使其成为独立的下拉列表

我在整个html代码周围添加了

标记，但注册按钮随后与下拉列表分离。理想情况下，它会在落水的底部淹死

<button class="dropdown btn">
   <a href="http://www.jquery2dotnet.com" class="dropdown-toggle" data-toggle="dropdown">Newsletter Sign Up <b class="caret"></b></a>
   <ul class="dropdown-menu" style="padding: 15px;min-width: 250px;">
      <li>
         <div class="row">
            <div class="col-md-12">
               <form class="form" role="form" method="post" action="login" accept-charset="UTF-8" id="login-nav">
                  <div class="form-group">
                     <label class="sr-only" for="newsletter-signup-name">Name</label>
                     <input type="email" class="form-control" id="newsletter-signup-name" placeholder="Name" required>
                  </div>
                  <div class="form-group">
                     <label class="sr-only" for="newsletter-signup-email">Email</label>
                     <input type="email" class="form-control" id="newsletter-signup-email" placeholder="Email address" required>
                  </div>
                  <div class="checkbox">
                     <label>
                     <input type="checkbox"> Remember me
                     </label>
                  </div>
                  <div class="form-group">
                     <button type="submit" class="btn btn-success btn-block">Sign Up</button>
                  </div>
               </form>
            </div>
         </div>
      </li>
      <li class="divider"></li>
   </ul>
</button>

名称
电子邮件
记得我吗
注册

不确定为什么要将整个表单封装到按钮中。如果需要按钮，请使用按钮而不是锚定

<div class="dropdown">
    <button class="btn dropdown-toggle" data-toggle="dropdown">Newsletter Sign Up <b class="caret"></b>
    </button>
    <ul class="dropdown-menu" style="padding: 15px;min-width: 250px;">
        <li>
            <div class="row">
                <div class="col-md-12">
                    <form class="form" role="form" method="post" action="login" accept-charset="UTF-8" id="login-nav">
                        <div class="form-group">
                            <label class="sr-only" for="newsletter-signup-name">Name</label>
                            <input type="email" class="form-control" id="newsletter-signup-name" placeholder="Name" required>
                        </div>
                        <div class="form-group">
                            <label class="sr-only" for="newsletter-signup-email">Email</label>
                            <input type="email" class="form-control" id="newsletter-signup-email" placeholder="Email address" required>
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox">Remember me</label>
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn btn-success btn-block">Sign Up</button>
                        </div>
                    </form>
                </div>
            </div>
        </li>
        <li class="divider"></li>
    </ul>
</div>

通讯注册


名称
电子邮件
记得我吗
注册

---

只需使用

div

而不是

按钮

。我认为

按钮

不允许包含其他表单元素

名称
电子邮件
记得我吗
注册

我需要的是代替锚的按钮。谢谢