我有一个表单,我将其作为导航栏上的链接。我试图给它添加一个按钮,但它看起来很大,这是我的形式:
<btn class="btn btn-inverse pull-right">
<ul class="nav pull-right">
<li class="dropdown" id="menuLogin">
<a class="dropdown-toggle" href="#" data-toggle="dropdown" id="navLogin">Login</a>
<div class="dropdown-menu" style="padding:17px;">
<form class="form" id="formLogin">
<input name="username" id="username" type="text" placeholder="Username">
<input name="password" id="password" type="password" placeholder="Password"><br>
<button type="button" id="btnLogin" class="btn">Login</button>
</form>
</div>
</li>
</ul>
</btn>
和我的小提琴:
答案 0 :(得分:2)
你有很多填充
.navbar .nav>li>a {
float: none;
padding: 10px 15px 10px;
color: #777777;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
}
将填充减少到padding: 2px 5px;
答案 1 :(得分:1)
您的下拉菜单不应位于按钮本身内,而是具有必要属性的兄弟:http://getbootstrap.com/2.3.2/javascript.html#dropdowns
那,你有嵌套的下拉菜单。您需要更加小心地备份和重建。