Bootstrap Mobile non funzionante

Ho lavorato con Bootstrap molte volte e ho visto questo problema solo quando manca il mio tag meta viewport. Tuttavia, questo è caricato, e sto ancora riscontrando problemi con Bootstrap su dispositivi mobili. Qualcuno potrebbe sapere cos'altro potrebbe causare questo?Bootstrap Mobile non funzionante

Issues:

percorsi pulsante che mostra
stili non visualizzano correttamente
mostra CSS in vista
nav cellulare mancanti
formattazione/allineamento è spento

Capo :

<!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>

script alla fine del <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>

dati viewport aggiunti anche ai CSS:

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

Esempio di emissione sul mobile:

enter image description here

Ciò sembra li ke sul desktop:

enter image description here

fonte

2015-04-24 Lauren F

Lo screenshot del tuo cellulare sembra un dump dell'errore di PHP. Hai provato a convalidare il codice HTML risultante con il validatore HTML5 online? –

hai provato a mettere script.js dopo bootstrap.min.js? E provo a usare la nuova versione 3.3.4 – MaGiO

Come diceva Mikko Ohtamaa, sembra essere un errore PHP nel file dashboard.php sulle righe 98 e 102. Puoi aggiungere il contenuto di questo file nella domanda? – Seb33300

Sembra essere un errore di PHP, e, a giudicare dalla mancanza di CSS, ho intenzione di prendere una pugnalata e dire che forse le brevi tag PHP (<?= e <?) non sono abilitati?

fonte

2015-05-03 00:33:29

Sì, ero a conoscenza dell'errore PHP. Ero confuso sul motivo per cui veniva mostrato in dispositivi mobili e non sul desktop. La cancellazione non ha risolto l'errore di bootstrap, però. E i tag brevi sono abilitati in tutta l'app, che non mi ha dato alcun problema. –

Vedo "indice non definito: corso di sessione" nei messaggi restituiti da PHP, in templates/dashboard.php. Anche se è solo un avviso, probabilmente sta corrompendo il CSS in modo che il browser non possa renderlo.

fonte

2015-05-04 12:30:40 user2182349

Grazie, ero a conoscenza dell'errore PHP. Ero confuso sul motivo per cui veniva mostrato in dispositivi mobili e non sul desktop. La cancellazione non ha risolto l'errore di bootstrap, però. –

Hai provato a convalidare il codice su http://validator.w3.org/ e http://jigsaw.w3.org/css-validator/? – user2182349

Sì, ed è tutto valido. –

Bootstrap Mobile non funzionante

risposta

Problemi correlati