从bootstrap模态体中删除水平滚动条？

Question

我试图在引导模态体上隐藏水平滚动条它隐藏了滚动条但我的行元素内容隐藏在模态中，如何在引导模态体上隐藏scroll-x并将所有文本包装到排？

modal.html

<div  class="modal-body disableHorizontalScroll">
    <div class="row">
        <!--<div class="col-md-12">-->
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th st-ratio="20">File Name</th>
                        <th st-ratio="80">Logged Message</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="item in showMessages" st-ratio="90">
                        <td st-ratio="20">{{item.filename}}</td>
                        <td st-ratio="80">{{item.value}}</td>
                    </tr>
                </tbody>
            </table>
        <!--</div>-->
    </div>
</div>

的main.css

.disableHorizontalScroll {
    overflow-x:hidden;
}