Bootstrap-Handy funktioniert nicht

Ich habe viele Male mit Bootstrap gearbeitet und habe dieses Problem erst gesehen, als mein Meta-Viewport-Tag fehlt. Das ist jedoch geladen, und ich habe immer noch Probleme mit Bootstrap auf mobilen Geräten. Könnte irgendjemand wissen, was sonst das verursachen könnte?Bootstrap-Handy funktioniert nicht

Probleme:

Schaltfläche Routen zeigt
Arten nicht richtig
CSS zeigt in Ansicht
Mobil nav fehlt
Formatierung/Ausrichtung Anzeige ist ausgeschaltet

Kopf :

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

    <title>Training Portal</title> 
    <!-- bootstrap/jquery --> 
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> 

    <!-- custom stylesheet --> 
    <link href="<?= base_url("stylesheets/cust.css"); ?>" rel="stylesheet" type="text/css" media="screen"> 

    </head>

Scripts am Ende der <body>:

<!-- scripts --> 
    <script src="http://code.jquery.com/jquery.js"></script> 
    <script src="<?= base_url("assets/script.js"); ?>"></script> 

    <!-- Bootstrap JavaScript --> 
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
    </body>

Ansichtsfenster Daten auch CSS hinzugefügt:

@viewport{ 
    zoom: 1.0; 
    width: extend-to-zoom; 
}

Beispiel Ausgabe auf mobilen:

enter image description here

Was dieses Sieht gut aus ke auf dem Desktop:

enter image description here

Quelle

2015-04-24 Lauren F

Ihr Handy-Screenshot sieht wie ein PHP-Fehlerspeicher aus. Haben Sie versucht, den resultierenden HTML-Code mit dem Online-HTML5-Validator zu validieren? –

haben Sie versucht, script.js nach bootstrap.min.js zu setzen? Und ich versuche, neue Version 3.3.4 zu verwenden – MaGiO

Wie Mikko Ohtamaa sagte, es sieht aus wie ein PHP-Fehler in der Datei Dashboard.php in den Zeilen 98 und 102. Können Sie den Inhalt dieser Datei in der Frage hinzufügen? – Seb33300

Es scheint ein PHP-Fehler zu sein, und durch das Fehlen von CSS zu urteilen, ich werde einen Stich nehmen und sagen, dass vielleicht die PHP Short Tags (<?= und <?) sind nicht aktiviert?

Quelle

2015-05-03 00:33:29

Ja, mir war der PHP-Fehler bekannt. Ich war verwirrt darüber, warum es in mobilen und nicht auf dem Desktop angezeigt wurde. Das Löschen hat den Bootstrap-Fehler jedoch nicht behoben. Und kurze Tags sind in der ganzen App aktiviert - das hat mir keine Probleme bereitet. –

Ich sehe "undefinierten Index: Session-Kurs" in den Nachrichten von PHP, in templates/dashboard.php. Obwohl es nur ein Hinweis ist, ist es wahrscheinlich die CSS beschädigt, so dass der Browser es nicht rendern kann.

Quelle

2015-05-04 12:30:40 user2182349

Danke, war der PHP-Fehler bekannt. Ich war verwirrt darüber, warum es in mobilen und nicht auf dem Desktop angezeigt wurde. Das Löschen hat den Bootstrap-Fehler jedoch nicht behoben. –

Haben Sie versucht, den Code unter http://validator.w3.org/ und http://jigsaw.w3.org/css-validator/ zu validieren? – user2182349

Ja, und es ist alles gültig. –

Bootstrap-Handy funktioniert nicht

Antwort

Verwandte Themen