Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Twitter bootstrap - dropdown + modal box
lukaskolista
post
Post #1





Grupa: Zarejestrowani
Postów: 872
Pomógł: 94
Dołączył: 31.03.2010

Ostrzeżenie: (0%)
-----


Witam. Mam nastepujacy problem z dropdown + modal box. Jezeli dropdown znajduje sie blisko modal-footer to niestety jest pod nim chowany. Czesciowym rozwiazaniem jest zrobienie dropdown rozwijanego w gore, jednak takie rozwiazanie srednio mi odpowiada. Wiecie moze jak zrobic, aby dropdown nakladal sie na stopke modal boxa? Problem zilustrowany na zdjeciu ponizej.
(IMG:http://artykuly-online.pl/dropdown.png)

Bede bardzo wdzieczny za pomoc.

Ten post edytował lukaskolista 13.07.2012, 09:20:41
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
lukaskolista
post
Post #2





Grupa: Zarejestrowani
Postów: 872
Pomógł: 94
Dołączył: 31.03.2010

Ostrzeżenie: (0%)
-----


  1. <div class="container">
  2. <a href="#modal" data-toggle="modal" class="btn">Modal</a>
  3. <div class="modal hide" id="modal" style="width: 700px;">
  4. <div class="modal-header">
  5. <button type="button" class="close" data-dismiss="modal">×</button>
  6. <h3>Modal</h3>
  7. </div>
  8. <div class="modal-body">
  9. <div class="btn-group">
  10. <button data-toggle="dropdown" class="btn dropdown-toggle">Dropdown <span class="caret"></span></button>
  11. <ul class="dropdown-menu">
  12. <li><a href="#">Opcja</a></li>
  13. <li><a href="#">Opcja</a></li>
  14. <li><a href="#">Opcja</a></li>
  15. <li><a href="#">Opcja</a></li>
  16. <li><a href="#">Opcja</a></li>
  17. <li><a href="#">Opcja</a></li>
  18. <li><a href="#">Opcja</a></li>
  19. <li><a href="#">Opcja</a></li>
  20. <li><a href="#">Opcja</a></li>
  21. <li><a href="#">Opcja</a></li>
  22. </ul>
  23. </div>
  24. </div>
  25. <div class="modal-footer">
  26. <a href="#" class="btn" data-dismiss="modal">Zamknij</a>
  27. </div>
  28. </div>
  29. </div> <!-- /container -->

To kod modal boxa znajdujacy sie w kontenerze strony
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.10.2025 - 22:20