[HTML][CSS]Nie działają alerty z bootstrapa Opcje

[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:

[HTML] pobierz, plaintext 
 {% if alert is defined and alert is not null %}
        <div class="container-fluid ">
                <div class="container">
        {% if alert.status == 1 %}
 
                    <div class="alert alert-success alert-dismissible" role="alert">
                          <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                <strong>Well done!</strong> You successfully read this important alert message.
 
            </div>
        {% elseif alert.status == 0 %}
 
                    <div class="alert alert-danger alert-dismissible" role="alert">
                          <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                        <strong>Oh snap!</strong> Change a few things up and try submitting again.
                    </div>
 
 
        {% elseif alert.status == 2 %}
 
                    <div class="alert alert-warning alert-dismissible" role="alert">
                          <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                        <strong>Warning!</strong> Best check yo self, you're not looking too good.
                    </div>
 
        {% elseif alert.status == 3 %}
 
                    <div class="alert alert-info alert-dismissible" role="alert">
                          <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                        <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
                    </div>
 
        {% endif %}
                </div>
        </div>
[HTML] pobierz, plaintext 

Miał ktoś podobny problem?

Ten post edytował Crash89 19.11.2016, 15:02:22

[Kshyhoo]

Twój kod działa: jsfiddle.net/9nqq6zv0

[Crash89]

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]

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]

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]

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.