Bootstrap Calendar Examples

Stay Updated

Subscribe to Bootsnipp newsletter. (only important updates will be sent, your email is never shared or sold to anyone else)


Featured Templates


Recent Comments

Also the type to be visible next to the the title of the event on the calendar?
Calendar Design

How to add additional filter like booking type next to 'day, week, month?
Calendar Design

In fact I forgot to precise after the point 4 I've changed the link of the files -> in calendar.php I've linked calendar.css and calendar.js
Calendar Design

Hello, I got same problem and your issues @jessealford2018 didn't worked for me :(This is what I've done:1. Copy the HTML part -> Paste in "calendar.php"2. Copy the CSS part -> Paste in "calendar.css"3. Copy the JS part -> Paste in "calendar.js"4. Put all the 3 files in eds-www (easyPHP)5. Start server6. Lunch calendar.php -> Only background7. Follow exactly issues of @jessealford2018Am I missing something ?
Calendar Design

Any plans to support bootstrap 4?
Calendar Design

Find on ".replace(/'/g, ''')" and replace this ".replace(/'/g, '')" then working fine,
Calendar Design

I had some issues as well and finally figured it out. Make sure you go to the following website:https://github.com/fullcalendar/fullcalendar/releasesand download the zip file. Open the zip file and place the fullcalendar.css and the fullcalendar.js into your website files.Then reference both of those files inside your html header. For example:<link href="fullcalendar.css" rel="stylesheet"> <script src="fullcalendar.js"></script>Also reference jquery and bootstrap like I did in my comment above. Hope that helps.
Calendar Design

I'm in the same boat. I'm referencing bootstrap <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">I'm also referencing jquery<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>And I still do not see anything except the background image as well. Which is sad because I'd love to use this calendar!
Calendar Design

I copied all your code but it still doesn't work.
Calendar Design

Are you guys including bootstrap and jquery?
Calendar Design