Html 如何将图像下拉列表放置在面板标题的同一行中

Bootstrap 3面板标题包含可单击图像和Bootstrap图像下拉列表。 使用引导表单内联类强制图像位于同一行中。 引导drowpdown出现在新行中

If元素

<div class="dropdown">

被替换为

<button class="dropdown" type="button">

下拉列表显示在同一行中，但在该行中看起来像带边框和背景的按钮

如何将图像下拉列表与其他按钮放在同一行

<div class="panel panel-success grid-panel-header">
        <div id='contentCaptionDiv' class="panel-heading">
     <div class="panel-title form-inline">
        <a class="btn" href="Show">
            <i class="fa fa-male" aria-hidden="true"></i>
        </a>
        <a class="btn" href="Delete">
            <i class="fa fa-female" aria-hidden="true"></i>
        </a>


    <div class="dropdown" type="button">
    <div class="dropdown-toggle" data-toggle="dropdown" role="button" href="#">
        <i class="glyphicon glyphicon-cog"></i><span class="caret"></span>
    </div>
    <ul class="dropdown-menu" role="menu">
      <li><a href="#">Action</a></li>
      <li><a href="#">Another action</a></li>
      <li><a href="#">Something else here</a></li>
  </ul>
  </div>
</div>

 panel content here
</div>

您可以使用并添加一些CSS来改变颜色

.grid面板标题.btn自定义， .grid面板标题.btn自定义：悬停， .grid面板标题。btn自定义：焦点{ 颜色：255625； 文字装饰：无； }