0

I am learning HTML5 and Bootstrap, I have my parent container(fluid) inside which I have 3 div, I always use the code of bootstrap class(col-md/xs/sm/lg) to show how the UI should be for different view-portal but how can I dynamically re-size these div using mouse drag over its borders? I mean like enlarging a image.

Also by increasing one div size the other two should dynamically re-size themselves within the container.

Is there any JS code which I can download? is there any thing to learn that might help me?

mimoralea
  • 9,590
  • 7
  • 58
  • 59
nivendha
  • 792
  • 7
  • 16
  • 2
    You have to show you've tried to figure out what you're wanting to do. There are likely plenty of different ways to do this. – MattD Jan 22 '15 at 19:10
  • for resizing the div you have to create the border of the div using div element and apply drag on the border div elements and increase the widh and height according to that – Mukesh Agarwal Jan 22 '15 at 19:11
  • 1
    Possible duplicate: http://stackoverflow.com/questions/4673348/emulating-frame-resize-behavior-with-divs-using-jquery-without-using-jquery-ui/4673568#4673568 – ltalhouarne Jan 22 '15 at 19:11

1 Answers1

1

You might try Resizable component of RightJS UI if you want it to work out of the box.

After all, custom implementation in pure JavaScript is fairly simple: How to make HTML element resizable using pure javascript?

Community
  • 1
  • 1
halfzebra
  • 6,771
  • 4
  • 32
  • 47