Geek Answers Handbook

Bootable mobile phone not working

I have worked with Bootstrap many times and saw this problem only when the meta viewport tag is missing. However, this is loading, and I'm still experiencing problems with Bootstrap on mobile devices. Can anyone know what else could be causing this?

Questions:

  • route routes are displayed
  • style does not display correctly
  • CSS showing in sight
  • no mobile navigator
  • formatting / alignment disabled

Head:

<!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 at the end of <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>

View data is also added in CSS:

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

An example of a problem on a mobile device:

enter image description here

How it looks on the desktop:

enter image description here

+7
html twitter-bootstrap mobile responsive-design responsiveness
source share
2 answers

This seems to be a PHP bug, and judging by the lack of CSS, I'm going to take a hit and say that maybe the short PHP tags ( <?= And <? ) <? not included?

+1
source share

I see "undefined index: session-course" in messages returned from PHP in the /dashboard.php templates. Although this is just a notification, it probably distorts CSS, so the browser cannot display it.

0
source share

More articles:


All Articles