Forms 使用col的引导下拉表单宽度-*
我正在尝试使用Bootstrap3在导航栏中创建下拉登录表单,但它看起来不太好-标签和输入比下拉列表更宽。。。面板 如何使用col-*引导类更改下拉表单宽度 下面是代码():Forms 使用col的引导下拉表单宽度-*,forms,twitter-bootstrap,drop-down-menu,width,Forms,Twitter Bootstrap,Drop Down Menu,Width,我正在尝试使用Bootstrap3在导航栏中创建下拉登录表单,但它看起来不太好-标签和输入比下拉列表更宽。。。面板 如何使用col-*引导类更改下拉表单宽度 下面是代码(): 电子邮件 密码 记得我吗 登录 提前感谢。您可以在下拉菜单中添加填充,并将列更改为col-lg-11 例如: <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#"
-
电子邮件
密码
记得我吗
登录
提前感谢。您可以在
下拉菜单中添加填充,并将列更改为col-lg-11
例如:
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Sign in <b class="caret"></b></a>
<div class="dropdown-menu">
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="inputEmail" class="col-lg-2 control-label">Email</label>
<div class="col-lg-10">
<input type="email" class="form-control" id="inputEmail" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="inputPassword" class="col-lg-2 control-label">Password</label>
<div class="col-lg-10">
<input type="password" class="form-control" id="inputPassword" placeholder="Password">
</div>
</div>
<div class="form-group">
<div class="col-lg-offset-2 col-lg-10">
<div class="checkbox">
<label>
<input type="checkbox"> Remember me
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-lg-offset-2 col-lg-10">
<button type="submit" class="btn btn-default">Sign in</button>
</div>
</div>
</form>
</div>
</li>
</ul>