Fullcalendarヘッダーをモバイルにスタックする方法は？

Question

私はfullcalendar.io使用していて、私のレイアウトは、デスクトップPCで、次のようになります

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

またはその：

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

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

は、しかし携帯電話で、それはこのようになります

基本的には、ヘッダースタックのすべての要素がモバイルを中心にしています。それは可能ですか？

Answer 1

問題はありません。これをCSSに追加してください。ブレークポイントを調整するか、既存のブレークポイントにブレークポイントを追加する必要があります。

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

オプション：

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

Mobileは、次のようになります！あなたはセレクタで、より具体的であれば

あなたは、重要なを失うことができます。例：

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