Bootstrap 3的响应日历[关闭]

【问题标题】：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 在移动设备上毫无用处。正如您在示例中看到的那样，标题被挤压到无法阅读的程度，并且表格单元格的大小变得有点古怪。