bootstrap里的按钮式下拉框怎么做到只由按钮控制显示/隐藏

Question

即我在其他地方点击鼠标时，下拉框不隐藏。

<div class="row" id="kehu">
<div class="input-group" style="width:200px;margin-left:auto;margin-right:auto;margin-top:20px">
  <span class="input-group-addon" >客户</span>
  <input type="text" class="form-control" style="width:200px;"placeholder="客户" id="intCustom" >
  <div class="input-group-btn">
    <div class="dropdown">
    <button type="button" id="btnDropdown"  class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="width:70px">客户<span class="caret"></span></button>
          <ul class="dropdown-menu dropdown-menu-right" id="dropdownlist" style="width:270px;">
            <li style="width:270px"><a href="#" >XXXXX</a></li>
          </ul> 
    </div>
  </div>
</div>
</div>

Answer 1

就是下拉框的状态只由button控制，有大神给个指导么

Answer 2

这个问题解决了吗？我也遇到了，求答案