title: Scrollbar on a specific div into bootstrap modal body
body: <p>My modal-body has two div side by side, one of them must have a scrollbar if his content is too big for the modal.
  Unfortunately, the scrollbar appears on the modal-body, not on my div.</p>
  
  <p>What I have:</p>
  
  <p><img src="https://i.stack.imgur.com/DjsiN.jpg" alt="enter image description here"></p>
  
  <p>What I want:</p>
  
  <p><img src="https://i.stack.imgur.com/iYV2E.jpg" alt="enter image description here"></p>
  
  <p>My panelGuest has the <code>overflow-y</code> to auto, I tried with 'scroll' instead but the scrollbar is shown but not available. I tried different values for overflow on the modal-body, in vain.</p>
  
  <p>css:</p>
  
  <pre><code>#panelGuest{
      overflow-y:auto;
      overflow-x:hidden;
      width: 35%;
      float:left;
      border-right:solid #ff920a 2px;
      min-height:100px;
  }
  </code></pre>
  
  <p>html:</p>
  
  <pre><code> &lt;div id="modalShareBody" class="modal-body"&gt;
          &lt;div id="panelGuest" class="panel"&gt;
              The div where i want the y-scrollbar
          &lt;/div&gt;
          &lt;div id="panelDetail" class="panel"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Here a fiddle with the issue: <a href="http://jsfiddle.net/Ua2HM/2/" rel="nofollow noreferrer">http://jsfiddle.net/Ua2HM/2/</a></p>