一、實現的效果

      最近需要在Django項目中，實現一個左右布局的html頁面，頁面框架使用的是boostrap。但這個布局不是簡單的左右分欄布局，而是需要實現可以通過鼠標拖拽的方式動態調整左右兩側布局的大小和占比。效果大致如下：

        一開始，頁面分為左右兩塊布局：

  鼠標放到中間的間隔處，顯示拖動圖標，鼠標按住：

往左兩個方向進行拖動，拖動過程中，左右兩側的布局大小實時發生變化：

---

 二、實現思路

      1、先實現將整個頁