jQuery UI只能在一侧调整大小

所以我刚刚导入了jQueryUI，向我的站点添加了一些pazzaz，并且我正在尝试使引导模式可以拖动和调整大小。我已经降低了可拖动性，但可调整大小给了我一段艰难的时间

我只能在右边的一侧调整模态的大小

HTML：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content" id="modalContent">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Export Window</h4>
      </div>
      <div class="modal-body">

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

我是不是遗漏了什么

编辑：我的错误，它在右边和底部显示为可调整大小，但我希望它在左边也可以调整大小。

解决了这个问题：

$('#modalContent').resizable({
    handles: 'e, w'
});

允许我水平调整大小

$('#modalContent').resizable({
    handles: 'e, w'
});