So I have a nice, professional bootstrap template which I have edited images and vocabulary with; created multiple pages, etc. Now I would like to add a page in which I would like to add a nice calendar on (for others, you may want to add to/include other things). But lets say we search for a bootstrap add-on but would like to keep our original site to have the same general format as the rest of the pages...you know, to keep the same custom style.
Well that's where I'm at now with the calendar I found HERE where I attained a zip file supplying me with the CSS, JavaScript, a LESS file and an index. What I'd like to do with it is "insert" the index file into a renamed version of my main template (calendar.html), probably edit around a little bit and go from there. But is this possible? And if so, how should I go about the process because when I opened the calendar's index many source codes had the same names and source codes which already exist in the original/basetemplate. And in the calendar's folder, it's CSS file is "style.css" so I imagine I would have to rename that too, right?
Any ideas or how-to I'm open to hear 
1 Correct answer
Still not quite correct
and
The last two lines still need deleting.
As far as the data goes for the Calendar, this is most awkward. The data comes from index.js where event names and descriptions (slipsum) are presented as an array and the dates have been allocated at random. Without going into it too deeply, I am not sure how this data is transferred to the calendar. The source of the calendar is 5 years old and there seems to be no documentation or support.
Personally I would use the Google Calendar API
...
10
Replies
Hi Nancy. Ok I went through the process in just making a calendar page and it came out nice. Then I did a little editing and it looked pretty much like what I want it to consist of. The secret you told me which means the most is CHANGING (or re-naming) THE CSS AND JAVASCRIPT FOLDERS so they don't get mixed up with the other template's folders. That was the secret I was looking for the most.
Now I have one major problem left: how can I make changes to notes within the calendar itself? Here is the page
I created. At the website
I found the template it didn't say anything or explain how to do that! The guy who made this - his name is Bill Barry - I can't find but would love to know what should to be done to adjust notes on it. I did find a huge hunk of the notes on the index.js but it looks like a total mess and out of control back there 
I checked out all my source codes along the top and no official Bootstrap codes went over a 4. So I assume I'm safe. I also deleted all the "old" bootstrap css's, js's and jQuery js's you noted and surprisingly (for me) no differences were made to the layout of the site 
. might go back to other pages and do the same.
So the page still looks how I want it but I'm back to a major issue: how can I edit the calendar now to fit the site? I'm referring to specific business events - not the ones the calendar purposely demonstrated along with the installation because it serves no purpose. I tried to cut/delete events already there on the screen but was unable to. I went to index.js which in a previous imagine/screen shot showed a lot of the items on the screen currently. I figure there has to be a semi-simple way to adjust the title, time and description of each event, right? Any simple ways to click on the day, enter the event/time and BAM it works???
Still not quite correct
and
The last two lines still need deleting.
As far as the data goes for the Calendar, this is most awkward. The data comes from index.js where event names and descriptions (slipsum) are presented as an array and the dates have been allocated at random. Without going into it too deeply, I am not sure how this data is transferred to the calendar. The source of the calendar is 5 years old and there seems to be no documentation or support.
Personally I would use the Google Calendar API to show a calendar on my site (haven't had to as yet), but you could also embed a Google calendar as per Add a Google calendar to your website - Calendar Help or Google the subject.
AdChoices