如何在移動設備上堆疊Fullcalendar標頭？

我使用fullcalendar.io和我的佈局看起來像這樣在桌面電腦：如何在移動設備上堆疊Fullcalendar標頭？

June 2016       [<][Today][>] 
      My calendar is here

但是在移動，它看起來像這樣：

  June 2016       
         [<][Today][>] 
      My calendar is here

，或者：

  June 20[<][Today][>] 
      My calendar is here

基本上我想要的是頭部堆棧中的所有元素都以移動爲中心。那可能嗎？

來源

2017-06-29 Klausar

不幸的是，日曆使用了不適合移動/響應式佈局的網格系統。寬度不夠。我建議你在移動設備上使用可用的「列表」風格視圖之一，也許。 – ADyson

沒問題，只需將其添加到您的CSS。您可能需要調整您的中斷點或將其添加到您現有的中斷點。

@media (max-width: 768px) { 
    .fc-toolbar > div { 
     float: left !important; 
     width: 100%; 
    } 
}

移動將是這樣的：

[Normally Left] 
[Normally Center] 
[Normally Right] 
--------- Your Calendar ------------

可選：

可以鬆重要的，如果你在你的選擇更具體的！例如：

.calendar .fc-toolbar > div.fc-left, 
.calendar .fc-toolbar > div.fc-center, 
.calendar .fc-toolbar > div.fc-right { 
    float: left !important; 
    width: 100%; 
}

來源

2017-07-01 02:34:00 factorypolaris

如何在移動設備上堆疊Fullcalendar標頭？

回答

相關問題