Adding Resizable to Twitter Bootstrap Panels

Adding Resizable to Twitter Bootstrap Panels

I have x number of basic Twitter Bootstrap Panels http://getbootstrap.com/components/#panels-heading that share a class name of car-panel.

This is not working for me.

  1. <div class="panel panel-default car-panel">
  2.     <div class="panel-heading">Car: {{$car->name}}</div>
  3.     <div class="panel-body">Blah, blah, blah....</div>
  4. </div>

  1. $(function () {
  2.     $(".car-panel").resizable({ handles: "n, e, s, w" });
  3. });

Is a Bootstrap Panel a weird case that can't be resized or do I need to do something special?

Thank you.