Bootstrap Mobile无法正常工作

Question

我曾多次使用过Bootstrap,并且只在缺少元视口标记时才看到此问题.但是,这已加载,我仍然遇到移动设备上的Bootstrap问题.可能有人知道还有什么可能导致这个？

问题:

• 按钮路线显示
• 样式无法正常显示
• CSS在视图中显示
• 移动导航失踪
• 格式化/对齐关闭

头:

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

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

手机问题示例:

这在桌面上看起来像什么:

Answer 1

这似乎是一个 PHP 错误，从缺少 CSS 来看，我会尝试说也许 PHP 短标签 (<?=和<?) 没有启用？