2017-05-24 40 views
0

我用引導我的網站上的電腦瀏覽器切換按鈕的工作,但不要在手機瀏覽器工作不工作引導工作,但在手機瀏覽器

這是代碼:

<meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="css/bootstrap.min.css"> 
    <link rel="stylesheet" href="css/styles.css"> 
    <link rel="stylesheet" href="css/bootstrap-multiselect.css"> 
    <link href="css/bootstrap-select.min.css" rel="stylesheet" /> 
    <link href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css" rel="stylesheet"/> 
    <link rel="stylesheet" href="https://rawgit.com/trentrichardson/jQuery-Timepicker-Addon/master/dist/jquery-ui-timepicker-addon.min.css"> 
    <link href="css/lightbox.css" rel="stylesheet" /> 
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" /> 

    <nav class="navbar navbar-default"> 
     <div class="container-fluid"> 
      <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar4"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="main.php"><img src="img/t-square-logo-Final.png" alt="T-square" class="tslogo"/></a> 
     </div> 
     <div id="navbar4" class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav"> 
      <li class="active"><a href="main.php">Home</a></li> 
      <li><a href="dms.php">DMS</a></li> 
      <li><a href="main.php?action=backup">Backup</a></li> 
      <li><a href="logout.php">LogOut</a></li> 
     </ul> 
     </div> 
     </div> 
    </nav> 

<link rel="stylesheet" href="css/bootstrap.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 

我嘗試做這樣here 但我還是老樣子有同樣的問題

任何一個可以幫助解決我的問題?

+0

如果你已經有了正確的元視口添加,那麼你可以發表你的整個代碼,所以我們可以通過更改文件bootstrap.min.js看看到底是怎麼回事 – HisPowerLevelIsOver9000

+0

@ HisPowerLevelIsOver9000請查看以上 –

+0

@ HisPowerLevelIsOver9000我解決我的問題到bootstrap.js –

回答

1

你的腳本:bootstrap.min.js未加載。當我在我的項目中刪除此文件時,切換按鈕停止工作。

您可以驗證您的文件是否正確加載?

+0

這個代碼。有時.min文件不存在只是因爲智能感知提供了一個建議。 – Xariez

+0

@Xariez這就是爲什麼我不使用代碼完成;) –

+0

@Xariez我解決我的問題,通過更改文件bootstrap.min.js bootstrap.js –

4

添加這頭

<meta name="viewport" content="width=device-width, initial-scale=1"> 
+0

謝謝你的回答,但我在我的標題 –

相關問題