2014-09-25 28 views
0

我最近有很多问题与自举:/响应式表格(表格响应式)不在移动设备中滚动。 [引导3]

因为我是新来的,有点学习如何掌握它。 我目前有一个问题,在全缩放模式(250%缩放)的浏览器,它会使表响应和添加滚动到表和移动,它将不会添加滚动,所以我不能滚动。

代码如下:

        <div> 
 
           <div style="margin-top: 10px"> 
 
            <div class="table-responsive"> 
 
             <table class="table"> 
 
              <tr> 
 
               <th>Section 1</th> 
 
               <th>Section 2</th> 
 
              </tr> 
 
              <tr> 
 
               <td class="col-xs-4"> 
 
                <div>Some Text</div> 
 
               </td> 
 
               <td class="col-xs-8"> 
 
                <table class="table table-striped"> 
 
                 <tr> 
 
                  <td>#1</td> 
 
                  <td style="text-align: center"><span style="font-size: 14px">TEST</span></td> 
 
                 </tr> 
 
                </table> 
 
               </td> 
 
              </tr> 
 
             </table>  
 
            </div> 
 
           </div> 
 
          </div>
图片 - enter image description here

我希望你们能帮助我解决问题,我一直在试图解决这个问题,在过去2小时,没有成功。谢谢大家:) 编辑:用的jsfiddle包括CSS - >http://jsfiddle.net/gausxmww/

+0

请您到例如(http://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html [可运行的代码片断。] -code-snippets /) – cvrebert 2014-09-25 04:49:45

+0

- 完成......... – 2014-09-25 11:12:30

回答

0
+0

我已经检查过此选项并安装它。但由于某种原因,这对我没有任何作用。 – 2014-09-25 11:11:16

+0

您正在使用哪个平台,例如Asp.net或纯HTML? – 2014-09-27 06:17:44

+0

我已经创建了一个小例子,请检查:[link](http://jsfiddle.net/q5pzyx7t/) 数据隐藏是响应表的重要属性,因此您只需使用“phone”,“tablet”值根据屏幕分辨率隐藏colomns。 – 2014-09-27 06:27:29