Bootstrap Mobile不能正常工作

我已经多次使用Bootstrap，并且只有当我的元视口标记丢失时才看到这个问题。然而，这是加载，我仍然遇到移动设备上的Bootstrap问题。可能有人知道还有什么可能造成这种情况？Bootstrap Mobile不能正常工作

问题：

按钮路线表示
样式不显示在视图正确
CSS表示
移动NAV缺少
格式化/对准是关闭

头：

个

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

脚本在<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>

视区的数据也加入到CSS：

enter image description here

这是什么：

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

移动问题的实例看起来李柯在桌面上：

enter image description here

来源

2015-04-24 Lauren F

您的手机屏幕截图看起来像一个PHP错误转储。您是否尝试使用在线HTML5验证器验证生成的HTML代码？ –

你有没有尝试在bootstrap.min.js之后放置script.js？我尝试使用新版本3.3.4 – MaGiO

正如Mikko Ohtamaa所说，它看起来像是98和102行dashboard.php文件中的PHP错误。您可以在问题中添加此文件的内容吗？ – Seb33300

这似乎是一个PHP错误，并且缺乏CSS的判断，我要带刺，说也许PHP短标签（<?=和<?）没有启用？

来源

2015-05-03 00:33:29

是的，我意识到PHP错误。我很困惑它为什么在移动设备上显示，而不是在桌面上显示。清除它并没有解决启动错误，但。在整个应用程序中启用短标签 - 这并没有给我任何问题。 –

我在templates/dashboard.php中看到从PHP返回的消息中的“undefined index：session-course”。虽然它只是一个通知，但它可能会破坏CSS，导致浏览器无法呈现它。

来源

2015-05-04 12:30:40 user2182349

谢谢，知道PHP错误。我很困惑它为什么在移动设备上显示，而不是在桌面上显示。清除它并没有解决启动错误，但。 –

您是否尝试过验证http://validator.w3.org/和http://jigsaw.w3.org/css-validator/上的代码？ – user2182349

是的，它都是有效的。 –

Bootstrap Mobile不能正常工作

回答

相关问题