javascript - Bootstrap working on Local Host but not on online server -
the code working on local host xampp. i've done upload server , it's not working. uploaded bs files well. fixed href links '..../js/bootstrap.min.js' etc. no images load , nor bootstrap not think. reason think problem comes bootstrap because text/buttons still appear, aren't customised css/js bs does.
php files.
this link site: http://www.johnnythyroid.com. i'm new , learning advice appreciated.
this relevant code think, deleted lot of stupid text make shorter:
<!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"> <!-- above 3 meta tags *must* come first in head; other head content must come *after* these tags --> <title>jod</title> <!-- bootstrap --> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link rel='stylesheet' type='text/css' href="johnnythyroidcom.ipage.com/css/custom icons.css"> <link href='https://fonts.googleapis.com/css?family=open+sans' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=oswald' rel='stylesheet' type='text/css'> <!-- jquery (necessary bootstrap's javascript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <!-- include compiled plugins (below), or include individual files needed --> <script src="johnnythyroidcom.ipage.com/js/bootstrap.min.js"></script> <!-- html5 shim , respond.js ie8 support of html5 elements , media queries --> <!-- warning: respond.js doesn't work if view 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> <div class="navbar navbar-custom navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only"> navbar toggle </span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="johnnythyroidcom.ipage.com/dansite1.php">some name</a> </div> <div class="navbar-collapse collapse" style="line-height:21px; height:140px;"> <!-- added prevent change of navbar height when switching between login/logout screens --> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="johnnythyroidcom.ipage.com/dansite1.php">home</a></li> <li><a href="johnnythyroidcom.ipage.com/about.php">about</a></li> <li><a href="#contact" data-toggle="modal">contact</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">account<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown-header"></li> <li><a href="#accountlogin" data-toggle="modal">login</a></li> <li><a href="#accountcreate" data-toggle="modal">create account</a></li> <!-- <li class="divider"></li> <li class="dropdown-header">portfolio</li> <li><a href="#">portfolio 1</a></li> <li><a href="#">portfolio 2</a></li> add divider split drop down menu --> </ul> </li> <li class="navbar-text pull-right signedin"> welcome, guest! </li> </ul> </div> </div> </div> <div class="container"> <div class="jumbotron text-center"> <h1> </h1> <p> simgn </p> <a href="#" class="btn btn-primary"> bg </a> <a href="#" class="btn btn-success"> ng</a> </div> <div class="row-same-height"> <div class="col-md-4"> <!-- works on 12 point grid system - columns need add 12 in row--> <a href="johnnythyroidcom.ipage.com/rocket.php" class="thumbnail home-thumb"> <img src="johnnythyroidcom.ipage.com/img/first rocket.jpg" style="max-height:250px" alt="first rocket theme"/> </a> <h3> rjj </h3> <p>sum dolor sit amet.</p> </p> <a href="johnnythyroidcom.ipage.com/rocket.php" class="btn btn-danger">view more</a> </div> <div class="col-md-4"> <!-- works on 12 point grid system - columns need add 12 in row--> <a href="johnnythyroidcom.ipage.com/stars.php" class="thumbnail home-thumb"> <img src="johnnythyroidcom.ipage.com/img/sky.jpg" style="max-height:250px" alt="sky theme"/> </a> <h3> ss </h3> <p>lorenim.</p> <a href="johnnythyroidcom.ipage.com/stars.php" class="btn btn-danger">view more</a> </div> <div class="col-md-4"> <!-- works on 12 point grid system - columns need add 12 in row--> <a href="johnnythyroidcom.ipage.com/sky.php" class="thumbnail home-thumb"> <img src="johnnythyroidcom.ipage.com/img/stars.jpg" style="min-height:227px" alt = "star theme"/> </a> <h3> y </h3> <p>lorenim.</p> <a href="johnnythyroidcom.ipage.com/sky.php" class="btn btn-danger">view more</a> </div> </div> </div> <div class="navbar navbar-inverse navbar-fixed-bottom" role="navigation"> <div class="container"> <div class="navbar-text pull-left"> <p> aaaaaa </p> </div> <div class="navbar-text pull-right"> <a href="#"><i class="fa fa-facebook-square fa-2x"></i></a> <a href="#"><i class="fa fa-twitter fa-2x"></i></a> <a href="#"><i class="fa fa-google-plus fa-2x"></i></a> </div> </div> </div>
try change
<img src="johnnythyroidcom.ipage.com/img/first rocket.jpg" style="max-height:250px" alt="first rocket theme"> into
<img src="http://johnnythyroidcom.ipage.com/img/first rocket.jpg" style="max-height:250px" alt="first rocket theme"> add http:// images src
Comments
Post a Comment