Zasłonięty guzik w bootstrapie paskiem nawigacji

Question

Witam mam problem że gdy do powiększam zdjęcie poprzez modal guzik zamykania jest zasłonięty paskiem nawigacji jak sprawić żeby gdy powiększam zdjęcie zniknął pasek lub jak ustawić żeby guzik był w innym miejscu? Dodam że używam bootstrapa.

Mój kod:

<img id="myImg" src="img/img2.JPG" width="300" height="200">
            <div id="myModal" class="modal">
                <!-- The Close Button -->
                  <button type="button" class="close" data-dismiss="modal">&times;</button>

                  <!-- Modal Content (The Image) -->
                  <img class="modal-content" id="img01" src="img/img2.JPG">

                  <!-- Modal Caption (Image Text) -->
                  <div id="caption"></div>
            </div>

Answer 1

Mozesz uzyc na button translate albo margin