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

Question

如何让用户在 bootstrap 中调整列的大小？

我在 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/