title: remove horizontal scroll bar from bootstrap modal-body?
body: <p>I tried to hide horizontal scroll bar on bootstrap modal-body it does hide scroll-bar but my row element content is hidden inside the modal , How can hide <code>scroll-x</code> on bootstrap modal-body and wrap all text into row ?</p>
  
  <p>modal.html</p>
  
  <pre><code>&lt;div  class="modal-body disableHorizontalScroll"&gt;
      &lt;div class="row"&gt;
          &lt;!--&lt;div class="col-md-12"&gt;--&gt;
              &lt;table class="table table-striped"&gt;
                  &lt;thead&gt;
                      &lt;tr&gt;
                          &lt;th st-ratio="20"&gt;File Name&lt;/th&gt;
                          &lt;th st-ratio="80"&gt;Logged Message&lt;/th&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
                      &lt;tr ng-repeat="item in showMessages" st-ratio="90"&gt;
                          &lt;td st-ratio="20"&gt;{{item.filename}}&lt;/td&gt;
                          &lt;td st-ratio="80"&gt;{{item.value}}&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;
          &lt;!--&lt;/div&gt;--&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>main.css</p>
  
  <pre><code>.disableHorizontalScroll {
      overflow-x:hidden;
  }
  </code></pre>