代碼在xampp的本地主機上完美工作。我所做的所有事情都是上傳到服務器,現在不起作用。 我也上傳了所有的BS文件。我也修復了href鏈接爲'..../js/bootstrap.min.js'等。沒有圖像加載,也沒有bootstrap我不認爲。我認爲這個問題來自Bootstrap的原因是因爲所有的文本/按鈕仍然出現,它們只是沒有像BS那樣用css/JS自定義。
他們是PHP文件。Bootstrap在本地主機上工作,但不在在線服務器上
這是一個鏈接到站點:http://www.johnnythyroid.com。 我只是新的,這只是爲了學習,所以所有的建議非常感謝。
這是相關的代碼,我想,我刪除了許多愚蠢的文字把它縮短:
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Jod</title>
<!-- Bootstrap -->
\t <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
\t <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
\t <link rel='stylesheet' type='text/css' href="johnnythyroidcom.ipage.com/css/custom icons.css">
\t <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
\t <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
\t
\t \t
\t <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="johnnythyroidcom.ipage.com/js/bootstrap.min.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
\t <div class="navbar navbar-custom navbar-fixed-top" role="navigation">
\t \t <div class="container">
\t \t \t <div class="navbar-header">
\t \t \t \t <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
\t \t \t \t \t <span class="sr-only"> Navbar toggle </span>
\t \t \t \t \t <span class="icon-bar"></span>
\t \t \t \t \t <span class="icon-bar"></span>
\t \t \t \t \t <span class="icon-bar"></span>
\t \t \t \t </button>
\t \t \t \t <a class="navbar-brand" href="johnnythyroidcom.ipage.com/dansite1.php">Some Name</a>
\t \t \t </div>
\t \t \t <div class="navbar-collapse collapse" style="line-height:21px; height:140px;"> <!-- added this to prevent change of navbar height when switching between login/logout screens -->
\t \t \t \t <ul class="nav navbar-nav navbar-right">
\t \t \t \t \t <li class="active"><a href="johnnythyroidcom.ipage.com/dansite1.php">Home</a></li>
\t \t \t \t \t <li><a href="johnnythyroidcom.ipage.com/About.php">About</a></li>
\t \t \t \t \t <li><a href="#contact" data-toggle="modal">Contact</a></li>
\t \t \t \t \t <li class="dropdown">
\t \t \t \t \t \t <a href="#" class="dropdown-toggle" data-toggle="dropdown">Account<b class="caret"></b></a>
\t \t \t \t \t \t <ul class="dropdown-menu">
\t \t \t \t \t \t \t <li class="dropdown-header"></li>
\t \t \t \t \t \t \t <li><a href="#accountLogin" data-toggle="modal">Login</a></li>
\t \t \t \t \t \t \t <li><a href="#accountCreate" data-toggle="modal">Create Account</a></li>
\t \t \t \t \t \t \t <!-- <li class="divider"></li>
\t \t \t \t \t \t \t <li class="dropdown-header">Portfolio</li>
\t \t \t \t \t \t \t <li><a href="#">Portfolio 1</a></li>
\t \t \t \t \t \t \t <li><a href="#">Portfolio 2</a></li> add divider to split up a drop down menu -->
\t \t \t \t \t \t </ul>
\t \t \t \t \t </li>
\t \t \t \t \t <li class="navbar-text pull-right signedin"> Welcome, Guest! </li> \t \t \t \t
\t \t \t \t </ul>
\t \t \t </div>
\t \t </div>
\t </div>
\t
\t <div class="container">
\t \t <div class="jumbotron text-center">
\t \t \t <h1> The </h1>
\t \t \t <p> A simgn </p>
\t \t \t <a href="#" class="btn btn-primary"> Bg </a>
\t \t \t <a href="#" class="btn btn-success"> ng</a>
\t \t </div>
\t \t <div class="row-same-height">
\t \t \t <div class="col-md-4"> <!-- works on a 12 point grid system - columns need to add up to 12 in a row-->
\t \t \t \t \t <a href="johnnythyroidcom.ipage.com/rocket.php" class="thumbnail home-thumb">
\t \t \t \t \t \t <img src="johnnythyroidcom.ipage.com/Img/first rocket.jpg" style="max-height:250px" alt="First rocket theme"/>
\t \t \t \t \t </a>
\t \t \t \t \t <h3> Rjj </h3>
\t \t \t \t \t <p>sum dolor sit amet.</p>
\t \t \t </p>
\t \t \t \t \t <a href="johnnythyroidcom.ipage.com/rocket.php" class="btn btn-danger">View more</a>
\t \t \t </div>
\t \t \t <div class="col-md-4"> <!-- works on a 12 point grid system - columns need to add up to 12 in a row-->
\t \t \t \t \t <a href="johnnythyroidcom.ipage.com/stars.php" class="thumbnail home-thumb">
\t \t \t \t \t \t <img src="johnnythyroidcom.ipage.com/Img/sky.jpg" style="max-height:250px" alt="sky theme"/>
\t \t \t \t \t </a>
\t \t \t \t \t <h3> Ss </h3>
\t \t \t \t \t <p>Lorenim.</p>
\t \t \t \t \t <a href="johnnythyroidcom.ipage.com/stars.php" class="btn btn-danger">View more</a>
\t \t \t </div>
\t \t \t <div class="col-md-4"> <!-- works on a 12 point grid system - columns need to add up to 12 in a row-->
\t \t \t \t \t <a href="johnnythyroidcom.ipage.com/sky.php" class="thumbnail home-thumb">
\t \t \t \t \t \t <img src="johnnythyroidcom.ipage.com/Img/stars.jpg" style="min-height:227px" alt = "Star theme"/>
\t \t \t \t \t </a>
\t \t \t \t \t <h3> y </h3>
\t \t \t \t \t <p>Lorenim.</p>
\t \t \t \t \t <a href="johnnythyroidcom.ipage.com/sky.php" class="btn btn-danger">View more</a>
\t \t \t </div>
\t \t </div>
\t </div>
\t
\t
\t <div class="navbar navbar-inverse navbar-fixed-bottom" role="navigation">
\t \t <div class="container">
\t \t \t <div class="navbar-text pull-left">
\t \t \t \t <p> aaaaaa </p>
\t \t \t </div>
\t \t \t <div class="navbar-text pull-right">
\t \t \t \t <a href="#"><i class="fa fa-facebook-square fa-2x"></i></a>
\t \t \t \t <a href="#"><i class="fa fa-twitter fa-2x"></i></a>
\t \t \t \t <a href="#"><i class="fa fa-google-plus fa-2x"></i></a>
\t \t \t </div>
\t \t </div>
\t </div>
會出現這個權利?它看起來像是在bootstrap.min.js中有一個完整的html文檔:http://www.johnnythyroid.com/johnnythyroidcom.ipage.com/js/bootstrap.min.js – Reflexorozy