bootstrap table-responsive не работает на firefox mobile

Question

Я добавляю класс с учетом таблицы в оболочку div таблицы, и он отлично работает во всех браузерах, кроме Firefox для мобильных телефонов (по крайней мере, Android) и скроллер не показал никакой идеи?

p.s. Я посещаю другие вопросы на сайте, но моя таблица - обычная таблица без набора полей или другая вещь, упомянутая в других вопросах.

Вот мой код:

<div class="table-responsive"> 
    <table class="table"> 
     <thead> 
      <tr> 
       <th>foo</th> 
       <th>foo</th> 
       <th>foo</th> 
       <th>foo</th> 
       <th>foo</th> 
       <th>foo</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td> 
        <span>foo</span> 
        till 
        <br> 
        <span>foo</span> 
       </td> 
       <td>200</td> 
       <td>50%</td> 
       <td>100</td> 
       <td>100</td> 
       <td> 
        <a 
         style="min-width: 78px; display: inline-block;" 
         href="#" 
         class="addticket-modalrun btn btn-success btn-xs" 
         data-toggle="modal" 
         data-price="100" 
         data-stock="100" 
         data-priceformat="100" 
         data-ticketid="11" 
         data-target="#addToCartModal"> 
         foo 
        </a> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

Answer 1

@Mohsenkw пожалуйста, вы можете jsfiddle код и отправить ссылку здесь? Я, возможно, исправлю это.

Thanks :)