Twitter bootstrap 3 带文本区域的前置下拉菜单

我想在文本区域前加一个下拉菜单，当我使用基本输入文本时，它可以工作，但是使用本例中描述的文本区域时，它不工作：

<div class="input-group">
  <div class="input-group-btn">
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
      <span>server file</span>
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
      <li><a href="#">server file</a></li>
      <li><a href="#">local file</a></li>
      <li><a href="#">url</a></li>
    </ul>
   </div>
   <textarea style="resize:none" class="form-control"></textarea>
</div>

可能吗？

---

感谢您的帮助

您需要遵循引导列结构来实现这一点。下面是一把简单的小提琴，它会指引你正确的方向

<div class="row">
    <div class="col-xs-2">
       Your Drop down Code
    </div>
    <div class="col-xs-2">
       Your Textarea Code
    </div>
</div>

小提琴链接：

---

引导输入组不支持，所以您需要自定义样式来创建这样的小部件

参考资料： [……] 避免在此处使用元素[…]

---

我只是尝试在我的代码中使用你的小提琴与我提供的代码相同，但这不允许下拉菜单和文本区域粘在一起，是吗？