我需要使过滤器按钮与菜单对齐，并使用引导程序修改其css.我是新手，所以无法理解

Question

我需要使过滤器按钮与菜单对齐，并使用引导程序修改其css。我是新手，所以无法理解。我试着把结果补一下，但没用。提前感谢：)

<ul class="nav navbar-nav container col-md-6">
<li class="dropdown col-md-2">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">School <b class="caret"></b></a>
<ul class="dropdown-menu scrollable-menu">
<li><a href="about_us.php" >About Us</a></li>
<li><a href="advertise.php">Advertise</a></li>
<li><a href="team.php">Team</a></li>
<li><a href="#">Art Curator</a></li>
</ul>
</li>
<li class="dropdown col-md-2">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Category <b class="caret"></b></a>
<ul class="dropdown-menu scrollable-menu">
<li><a href="about_us.php" >About Us</a></li>
<li><a href="advertise.php">Advertise</a></li>
<li><a href="team.php">Team</a></li>
<li><a href="#">Art Curator</a></li>
<li><a href="work_with_us.php">Jobs & Internships</a></li>
</ul>
</li>
<li class="dropdown col-md-2">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Course  <b class="caret"></b></a>
<ul class="dropdown-menu scrollable-menu">
<li><a href="about_us.php" >About Us</a></li>
<li><a href="advertise.php">Advertise</a></li>
<li><a href="team.php">Team</a></li>
<li><a href="#">Art Curator</a></li>
</ul>
</li>
<li class="dropdown col-md-2">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Degree  <b class="caret"></b></a>
<ul class="dropdown-menu scrollable-menu">
<li><a href="about_us.php" >About Us</a></li>
<li><a href="advertise.php">Advertise</a></li>
<li><a href="team.php">Team</a></li>
<li><a href="#">Art Curator</a></li>
</ul>
</li>
<li class="dropdown col-md-2">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Degree       <b class="caret"></b></a>
<ul class="dropdown-menu scrollable-menu">
<li><a href="about_us.php" >About Us</a></li>
<li><a href="advertise.php">Advertise</a></li>
<li><a href="team.php">Team</a></li>
<li><a href="#">Art Curator</a></li>
</ul>
</li>
<li class="col-md-2">
<button type="submit" class="btn btn-mine" >Filter Results</button>
</li>
</ul>

Answer 1

将idbtnFilter添加到"筛选结果"按钮中，并将以下css添加到样式表中

#btnFilter {
margin:9px 0 0;
}
.cat > b.caret {
position:absolute;
top:50%;
}

类别下拉列表上的插入符号正在下降，所以我也通过添加类cat和绝对定位插入符号来调整它。我用你提供的html创建了一支钢笔。http://codepen.io/shreya1289/pen/KMKOLg

Answer 2

为此，您需要自定义页面中的控件位置，如下所示，这将对您有所帮助。

<style type="text/css">
.caret{
margin-left:62px !important;
}
a.dropdown-toggle {
line-height: 0px !important;
} 
</style>

这里没有添加完整的html代码，所以您可能需要对上面的样式进行一些修改。