Estoy intentando utilizar el Bootstrap Year Calendar, para crear un calendario anual, haciéndolo igual que en su web. Pero cuando o inicializo, me aparecen solo los 4 primeros meses, y en columna, es decir, sólo un mes por fila como en esta imagen:
A continuación os dejo mi código, a ver si no he puesto algo bien, soy bastante inexperto en este tema:
<?php
if (strpos(getcwd(), 'apen_files') !== false) {
define('_PS_ADMIN_DIR_', getcwd());
} else {
define('_PS_ADMIN_DIR_', getcwd().'/includes/apen_files/');
}
require (_PS_ADMIN_DIR_."/config.php");
?>
<head>
<link rel='stylesheet' href="css/bootstrap-year-calendar.css"/>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<script src="js/jquery-1.11.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
<script src="js/bootstrap-year-calendar.js"></script>
</head>
<body>
<div data-provide="calendar"></div>
</body>
<script>$(function() {
$('#calendar').calendar();
});</script>
Muchas gracias por su ayuda.