Html 引导3:下拉菜单向右拉
我需要把下拉菜单拉到右边。在我下面的代码中,下拉列表完全向右拉,但单击下拉列表会显示选项Html 引导3:下拉菜单向右拉,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我需要把下拉菜单拉到右边。在我下面的代码中,下拉列表完全向右拉,但单击下拉列表会显示选项 <div class="container-fluid"> <div class="row"> <div class="col-md-4"> <button class="btn btn-info">Button</button> </div> <di
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<button class="btn btn-info">Button</button>
</div>
<div class="col-md-8">
<form class="form-inline pull-right" role="form">
<div class="form-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="javascript:void(0)">Option A</a></li>
<li><a href="javascript:void(0)">Option B</a></li>
</ul>
</div> <input data-type="text" class="form-control" type="text" placeholder="Search...">
</form>
</div>
</div>
</div>
按钮
如何将选项与下拉列表对齐
谢谢在表单组之后添加btn组类
<div class="form-group btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Dropdown
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="javascript:void(0)">Option A</a></li>
<li><a href="javascript:void(0)">Option B</a></li>
</ul>
</div>
这是