如何让客户端在Bootstrap中主动调整列的大小？

Question

如何让用户在引导程序中调整列的大小？

我在这样的Bootstrap中做了一个响应式布局。

<div class='container-fluid'>
  <div class='row'>
    <div class='col-xs-3 app-left-hand-side'>
      <!-- tool bar goes here eventually -->
    </div>
    <div class='col-xs-9'>
      <!-- the main content goes here -->
    </div>
  </div>
</div>

如何让客户端通过沿中间边框拖动来主动调整列的大小？

Answer 1

不能使用bootstrap，但使用javascript可以按照此处的说明进行操作：

How to make HTML element resizable using pure javascript?

或者使用jquery：

  $(function() {
    $( "#divId" ).resizable();
  });

http://jqueryui.com/resizable/