Html 引导站点，我可以让菜单项resposive或看起来正确，但不能两者都正确

我正在尝试创建一个菜单，其中登录“用户名/密码/登录”按钮出现在桌面站点上，但在移动响应版本中，我不希望使用“登录”选项将您引导到登录页面

我已经使用bootstrap-responsive.css使登录框在不在桌面时消失，这是一种享受，但“登录”菜单项要么是响应的，要么看起来格式正确，但不是两者都有

这是密码

    <span class="visible-phone visible-tablet" >
<li class="dropdown">
<li>
<a href="sign_in.html">Sign in</a>
</li>
</li>
</span>


<li class="dropdown visible-desktop">
<div class="form-group">

<form class="form-inline" role="form">

<label class="sr-only" for="exampleInputEmail2">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">

<label class="sr-only" for="exampleInputPassword2">Password</label>
<input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password">

<button type="submit" class="btn-u btn-u-default">Sign in</button>
<label><h6>Forgot Password?</h6></label>

</form>
</div>
</li>

电子邮件地址
暗语
登录
忘记密码了？

这将在桌面视图中隐藏菜单，但在移动/平板电脑视图中显示菜单，但格式设置不正确，代码的形式部分工作正常

我将“可视电话”和“可视平板电脑”更改为两个单独的条目，这似乎起到了作用

<li class="dropdown visible-phone">
<a href="page_login.html">Sign in</a>
</li>

<li class="dropdown visible-tablet">
<a href="page_login.html">Sign in</a>
</li>

您使用的是哪个引导版本？如果使用3.3.x，则应将

可视电话

、

可视平板电脑

和

可视桌面

更新为此处提到的内容：在

中使用表单不是一个好做法，请将其包装在一个div中。此外，表单组类属于表单内部而不是外部