Tani hosting

Problem z modal w bootstrap
bartogorzow Offline
TenTego Premium

Liczba postów: 9
Reputacja: 0
Post: #1
Problem z modal w bootstrap 05-09-2016 14:07
Cześć, chciałem zrobić tak, aby na trzech nazwijmy to ikonach otwierały się różne okienka modal. Sęk w tym, że działa tylko jedno- pierwsze. Jakieś pomysły? Ja walczę z tym od paru dni. Przejrzałem wszystkie strony google.

Kod:
<ul class="nav navbar-nav navbar-right">

        <li><a href="#" data-toggle="modal" data-target="#contact-modal"><img src="img/kontakt.png"></a></li>
        <li><a href="#" data-toogle="modal" data-target="#video"><img src="img/video.png"></a></li>
        <li><a href="#" data-toogle="modal" data-target="#onas-modal"><img src="img/logo.png"></a></li>
      </ul>

Kod:
<!--start modal kontakt -->

<div class="modal fade" id="contact-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
       <div class="modal-content">
        <div class="modal-header" align="center">
          <img class="img" id="img_logo" src="img/logotrans.png">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          </button>
      <h3><center><span id="text-login-msg">Skontaktuj się z nami!!</span></center></h3>
      </br></br>
      <center><p>EMAIL: Email@GMAIL.COM</p></center>
      <center><p>TEL: 0700777777</p></center>
        </div>
      </div>
    </div>
</div>

<!--koniec modal kontakt -->               
                    
                    

<!--start modal video -->
<div class="modal fade" id="video" tabindex="-2" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal header">
             <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Zamknij</span></button>
              <h4 class="modal-title" id="myModalLabel">Tytuł okienka pop-up</h4>
              </div>
              <div class="modal-body">
              <p>Zawartość okienka pop-up</p>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Zamknij</button>
                <button type="button" class="btn btn-primary">Zapisz zmiany</button>
                </div>
           </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- End # modal video -->

<!-- BEGIN #onas -->
<div class="modal fade" id="onas-modal" tabindex="-3" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
       <div class="modal-content">
        <div class="modal-header" align="center">
          <img class="img" id="img_logo" src="img/logotrans.png">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          </button>
      <h3><center><span id="text-login-msg">Skontaktuj się z nami!!</span></center></h3>
      </br></br>
      <center><p>EMAIL: email@GMAIL.COM</p></center>
      <center><p>TEL: 0700777777</p></center>
        </div>
      </div>
    </div>
</div>
                    <!-- End #onas -->
Cytuj
Diabeł Online
Użyszkodnik


Liczba postów: 777
Reputacja: 666
michalo2k Offline
Użytkownik

Liczba postów: 81
Reputacja: 17
Post: #2
RE: Problem z modal w bootstrap 05-09-2016 18:51
Kod:
data-toggle
zamiast
Kod:
data-toogle
 
A tak po za tym wywal znacznik center i atrybut align bo nie są już wspierane w html5. Użyj do tego CSS

[Obrazek: snB4Yof.png]
(Ten post był ostatnio modyfikowany: 05-09-2016 18:51 przez michalo2k.)
Cytuj
bartogorzow Offline
TenTego Premium

Liczba postów: 9
Reputacja: 0
Post: #3
RE: Problem z modal w bootstrap 08-09-2016 23:48
Ja pierdziele. Ale ze mnie głąb Big Grin
Ślęczałem nad tym na prawdę wiele godzin. Ratujesz mi życie Big Grin
Dzięki wielkie za cenne wskazówki.
Cytuj


Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości