Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Nie działają alerty z bootstrapa
Forum PHP.pl > Forum > Przedszkole
Crash89
Próbuję dodać alert od bootstrapa w widoku, ale nie chce w ogóle działać, gdziekolwiek ich nie wstawię.
kod generuje się w htmlu, widać na podglądzie.
Plik bootsrap.css, na pewno jest podpięty, w innym wypadku nie działały by inne funkcjonalności z bootstrapa.

Używam Twiga.

Mój kod wygląda następująco:

  1. {% if alert is defined and alert is not null %}
  2. <div class="container-fluid ">
  3. <div class="container">
  4. {% if alert.status == 1 %}
  5.  
  6. <div class="alert alert-success alert-dismissible" role="alert">
  7. <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
  8. <strong>Well done!</strong> You successfully read this important alert message.
  9.  
  10. </div>
  11. {% elseif alert.status == 0 %}
  12.  
  13. <div class="alert alert-danger alert-dismissible" role="alert">
  14. <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
  15. <strong>Oh snap!</strong> Change a few things up and try submitting again.
  16. </div>
  17.  
  18.  
  19. {% elseif alert.status == 2 %}
  20.  
  21. <div class="alert alert-warning alert-dismissible" role="alert">
  22. <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
  23. <strong>Warning!</strong> Best check yo self, you're not looking too good.
  24. </div>
  25.  
  26. {% elseif alert.status == 3 %}
  27.  
  28. <div class="alert alert-info alert-dismissible" role="alert">
  29. <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
  30. <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
  31. </div>
  32.  
  33. {% endif %}
  34. </div>
  35. </div>


Miał ktoś podobny problem?
Kshyhoo
Twój kod działa: jsfiddle.net/9nqq6zv0
Crash89
Cytat(Kshyhoo @ 19.11.2016, 15:07:46 ) *
Twój kod działa: jsfiddle.net/9nqq6zv0


W moim projekcie to nie chce działać.
viking
Sprecyzuj "nie chce w ogóle działać". To nie forum wróżek.
Crash89
Cytat(viking @ 19.11.2016, 15:58:44 ) *
Sprecyzuj "nie chce w ogóle działać". To nie forum wróżek.


Wstawiałem to do innych miejsc kodu, i także nie łapie. To mam na myśli. Nie wiem czemu nie działa, wszystko wydaje sie prawidłowo zrobione.
W ostateczności napiszę coś takiego ręcznie.
Tomplus
Sprawdź czy CSSach masz kod do alertów.
Czy w ogóle wczytuje ci się biblioteka, albo może jest nadpisywana/przez inne cssy?

Zbadaj stronę i w konsoli powinieneś mieć błędy.
Crash89
Cytat(Tomplus @ 19.11.2016, 16:17:59 ) *
Sprawdź czy CSSach masz kod do alertów.
Czy w ogóle wczytuje ci się biblioteka, albo może jest nadpisywana/przez inne cssy?

Zbadaj stronę i w konsoli powinieneś mieć błędy.


Kod do alertów jest.
Nie wiem czemu ale klasa alert nie działa, skopiowałem style z tej klasy i stworzyłem właśną z tymi samymi + dodałem wartość height, i zadziałało.
Dzięki za zainteresowanie problemem.
Kshyhoo
Ale widziałeś, że na stronie, którą podałem, działa po w klejeniu Twojego kodu i linka do bootstrapa. Cudów nie ma - albo kod nie widzi bootstrapa albo coś nadpisuje css.

Na moje, Twój (chyba) js.
Crash89
Cytat(Kshyhoo @ 19.11.2016, 17:26:51 ) *
Ale widziałeś, że na stronie, którą podałem, działa po w klejeniu Twojego kodu i linka do bootstrapa. Cudów nie ma - albo kod nie widzi bootstrapa albo coś nadpisuje css.

Na moje, Twój (chyba) js.


Tak w pewnym miejscu js wykorzystuje klase alert do mechanizmu ajaxowych powiadomien.
Nadpisany został cały FlashBag w Symfony.
Kshyhoo
No to wyłącz to i zobacz, czy ruszą alerty bootstrap.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.