【问题标题】:Responsive Calendar for Bootstrap 3 [closed]Bootstrap 3的响应日历[关闭]
【发布时间】:2013-08-30 00:55:42
【问题描述】:

我的网站使用 Bootstrap 3 作为 GUI。由于 Bootstrap 首先是移动设备,因此我试图让整个网站也可以在智能手机上使用。但是我正在使用 Fullcalendar,不幸的是,这在 320px 的设备宽度上不可用 - 它太宽了。该用例是否有响应式日历替代方案?

【问题讨论】:

  • 我不同意结束这个问题。对于那些正在过渡到 Bootstrap 3 的人来说,这是一个非常合理的问题。

标签: mobile responsive-design fullcalendar twitter-bootstrap-3


【解决方案1】:

您有什么期望和要求? Fullcalendar (http://arshaw.com/fullcalendar/) 的示例页面显示了在 html 表中构建的日历。表格的列宽度为 100%。将演示的宽度设置为 810,方法是将其包装在容器 div 中。当此容器的宽度设置被禁用时,您可以将日历调整为非常小,参见:

也许尺寸使它在触摸屏上没有用处。

Multi Dates Picker Bug? 指的是基于 jQuery IU 的 Multidatepicker(也是)。此视图似乎也适合 320 像素;

【讨论】:

  • 就我个人而言,我发现 FullCalendar 在移动设备上毫无用处。正如您在示例中看到的那样,标题被挤压到无法阅读的程度,并且表格单元格的大小变得有点古怪。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-08-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-07-21
相关资源
最近更新 更多