doulian4762 2016-02-06 03:37
浏览 135
已采纳

在本地主机上工作但不在在线服务器上的Bootstrap

The code was working perfectly on local host with xampp. All I've done is upload it to a server and now it's not working. I uploaded all the BS files as well. I also fixed the href links to be '..../js/bootstrap.min.js' etc. No images load and nor does bootstrap I do not think. The reason I think the problem comes from Bootstrap is because all the text/buttons still appear, they just aren't customised with the css/JS as BS does.
They are php files.

This is a link to the site: http://www.johnnythyroid.com. I'm only new and this is just for learning so all advice is much appreciated.

This is the relevant code I think, I deleted a lot of the stupid text to make it 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">
    <!-- The above 3 meta tags *must* come first in the head; any 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 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>
    <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 this to 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 to split up a 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> The </h1>
            <p> A 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 a 12 point grid system - columns need to add up to 12 in a 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 a 12 point grid system - columns need to add up to 12 in a 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 a 12 point grid system - columns need to add up to 12 in a 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>

</div>
  • 写回答

2条回答 默认 最新

  • doujiaoang69440 2016-02-06 03:45
    关注

    Try this 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:// to your all images src

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥100 sql reporting service 远程smtp服务器配置支持
  • ¥15 ppyoloe_r带角度目标检测,loss_cls没法收敛
  • ¥15 淘宝交易指数如何解读,其关联的数据指标是什么
  • ¥15 Linux下安装搜狗拼音不能显示中文
  • ¥15 事件7000导致的自动重启如何解决
  • ¥15 (标签-matlab|关键词-m3)
  • ¥20 做一个web书店,带答辩
  • ¥15 #求带 python,使用pycharm爬取智联招聘数据资源并保存为Excel文件,同时以图表形式呈现
  • ¥15 学校优化算法怎么样,国内用的多吗?
  • ¥15 微信购物商城购物车的所有功能以及购物车,和首页的搜索功能