title: horizontal scroll in bootstrap modal
body: <p>Hi i am trying add a horizontal scroll bar in bootstrap modal. I know horizontal scroll bars are not a good idea but in my case i have dynamic content which can have variable width so i want to make modal body scroll-able horizontally when width exceed modal body's width.</p>
  
  <p>here is what i have tried</p>
  
  <pre><code>&lt;div class="modal-header"&gt;
  &lt;h3 class="modal-title"&gt;Decomposition&lt;/h3&gt;
  
    &lt;div class="modal-body"&gt;
    &lt;div class="scoll-tree"&gt;
         &lt;div class="list-group" ng-repeat="item in items"&gt; 
            &lt;a class="list-group-item" href="javascript:void(0);" ng-click="getChildren(item)"&gt;{{item.value}}&lt;/a&gt;
         &lt;/div&gt;
  
    &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>CSS:</p>
  
  <pre><code>.modal-body {
       max-width: 900px;
       overflow-x: auto;
  }
  </code></pre>
  
  <p>here is the fiddle what i have tried..
  <a href="https://jsfiddle.net/4duq2svh/2/" rel="nofollow">https://jsfiddle.net/4duq2svh/2/</a></p>
  
  <p>Any help is appreciated.</p>
  
  <p>Thanks in advance.</p>