Canvas не работает при использовании начальной загрузки

Question

Доброе утро всем, я создал холст для рисования, за исключением того, что я сталкиваюсь с ошибкой, когда помещаю элемент div, содержащий элементы boostrap (col-12 и т. Д.), Этот работает только у меня, и у меня естьудалить бустрап, чтобы он заработал у вас есть решение?

<div class="container">
            <div class="row">
              <div class="col-12 col-lg-8">
                <div class="block">
                  <div class="blockTitre">
                    <h5>Carte des stations</h5>
                  </div>
                  <div class="blockMaps">
                    <div id="mapid"></div>
                  </div>
                </div>
              </div>
              <div class="col-12 col-lg-4">
                <div class="block">
                  <div class="blockTitre">
                    <h5>Réservation + Info Station</h5>
                  </div>
                  <div class="blockinfo">
                      <h6 style="color: brown; margin-bottom: 20px; text-transform: uppercase;" id="nullstation">Vous devez sélectionner une station pour continuer !</h6>
                      <h6 id="h3name"></h6>
                      <p id="padresse"></p>
                      <p id="pvelo"></p>
                      <p id="pplace"></p>
                  </div>
                  <div class="blockform" id="reservation_1">
                    <form id="form_contact">
                      <input type="text" class="form-control" placeholder="Nom" id="nom" required>
                      <input type="text" class="form-control" placeholder="Prénom" id="prenom" required>

                      <button type="submit" class="btn btn-info" id="btnClick">Suivant</button>
                    </form>
                  </div>
                  <div class="blockform" id="reservation_2">
                      <canvas id="canvas"></canvas>
                    <button type="button" class="btn btn-info" id="btnConfirm">Confirmer</button>
                    <button type="button" class="btn btn-primary" id="annuler">Annuler</button>
                  </div>
                </div>
              </div>
            </div>
            <div class="row" id="reserv">
              <div class="col-12">
                <div class="block">
                  <div class="blockTitre">
                    <h5>Votre Réservation</h5>
                  </div>
                  <div class="blockinfo">
                    <h5 id="station"></h5>
                    <p id="timerp"></p>
                  </div>
                </div>
              </div>
            </div>
          </div>