如何响应视口的一部分？

Question

有一个jquery plagin，允许从跨越多列的元素构建直观的可拖动布局。用户只需使用鼠标拖动其角度即可更改这些元素的大小。 http://gridster.net/demos/resize.html 我的想法是将一些Bootstrap样式的内容实现到它的元素中，如下所示：

<div class="gridster">
<ul>
  <li data-row="1" data-col="1" data-sizex="2" data-sizey="2">
        <div class="table-responsive">//my attempt     
        <table class="table table-striped">//to insert something
        .....
  </li>
  <li data-row="1" data-col="3" data-sizex="1" data-sizey="2">1</li>

但肯定不会起作用，因为Bootstrap会对视口更改做出响应，但不会对用户鼠标引起的gridster元素调整大小做出响应。 有没有办法将响应行为绑定到gridster元素调整大小？ 提前感谢您的帮助！