引导表响应滚动不工作在ios(方向rtl)

时间:2015-01-28 12:08:04

标签: html css twitter-bootstrap responsive-design drupal-7

我正在使用bootsrap用于具有阿拉伯语和英语版本的网站。所以表响应,它应该在移动设备上添加滚动到表不适用于IOS。滚动没有显示,表格没有滚动。然而,当我添加方向:rtl到表响应类它工作,但弄乱了我的设计。任何帮助表示赞赏。

4 个答案:

答案 0 :(得分:0)

这样做:

.table-responsive .table {
    max-width: none;
}

答案 1 :(得分:0)

只需将这些行添加到具有检查优先级的CSS:

.table-responsive {
      direction:ltr !important;
      }
.table-responsive .table {
      direction:rtl !important;
}

希望可以帮助你; - )

答案 2 :(得分:0)

您应该将pady=(<top>, <bottom>)添加到touch !important;以及.table-responsive添加到max-width: none;

.table-responsive .table

答案 3 :(得分:0)

RTL最佳解决方案。在所有设备上均经过测试

 public JsonResult GetUserList([FromQuery] string userID, [FromQuery] string name)
    {
        ClsUser u = new ClsUser();
        return Json(u.GetUserListDB().ToArray());
    }