2015-08-25 87 views
1

我有跨平台的应用程序,其中我在自举表中显示结果,但在小屏幕上甚至在Chrome上测试时,表格的一些内容在屏幕上并不完全适合,表格也不滚动。我尝试了一些从互联网上的解决方案,但没有成功Bootstrap响应表不水平滚动

.table-responsive{ 
      width:100%; 
      overflow-x:scroll; 
      overflow-y:hidden; 
      border:1px solid red; 
      -webkit-overflow-scrolling: touch; 
     } 
+0

你有没有改变.table-resposive class code在bootstrap.css –

+0

nop如何做到这一点? – Barry

+0

如果该表超出页面容器的宽度,它将被Bootstrap剪切。您将需要使用内置响应表的Bootstraps。 – Korgrue

回答

0

请尝试此解决方案....

如果表或某些内容无法正常工作,然后用visible-xsvisible-sm关于如何使用这些类的更多信息,请访问该LINK