title: Bootstrap based site works on localhost but not on a webserver
body: <p>When I run everything on my localhost everything works but I can't figure out why it won't run on the webserver. The carousel does not even show and buttons don't work. But it all runs perfectly on localhost?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
      &lt;head&gt;
          &lt;script src="http://code.jquery.com/jquery.js"&gt;&lt;/script&gt;
  
          &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
          &lt;!-- Website Title &amp; Description for Search Engine purposes --&gt;
          &lt;title&gt;&lt;/title&gt;
          &lt;meta name="description" content=""&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;!-- Mobile viewport optimized --&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt;
  
          &lt;!-- Bootstrap CSS --&gt;
          &lt;link rel="stylesheet" href"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"&gt;
  
  
  
          &lt;link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"&gt;
          &lt;link href="includes/css/bootstrap-glyphicons.css" rel="stylesheet"&gt;
  
          &lt;!-- Custom CSS --&gt;
          &lt;link href="includes/css/styles.css" rel="stylesheet"&gt;
  
          &lt;!-- Include Modernizr in the head, before any other Javascript --&gt;
          &lt;script src="includes/js/modernizr-2.6.2.min.js"&gt;&lt;/script&gt;
  
      &lt;style&gt;
        .carousel-indicators {
            foreground-color:#;
        }
        .carousel-indicators {
            background-color:#;
        }
  
        .greenbutton, btn {
  
          border:2px solid #0099cc;
          color: #0099cc;
          background:none;
  
        }
        span.glyphicon-home {
          font-size:1.6em; 
          color:orange; 
        }
        .navbar {height:80px; }
  
        .navbar {
            margin-bottom:0px !important;}
  
        .carousel {
         margin-top:70px !important 
        }
  
       .footer {
         background-color: #F90;
         font-color: white;
         font-size: 12px;
         padding: 15px;
     }
  
     .navbar-default .navbar-nav .open .dropdown-menu&gt;li&gt;a, .navbar-default .navbar-nav .open
     .dropdown-menu {
         background-color: #ffffff;
         color:#F90;
     }
  
      .navbar {
          background-repeat:no-repeat;
          border-bottom: 1px solid #186ACC;
          box-shadow: 0px 1px 10px rgba(0.0.0.0.1);
          border-radius: 0px; 
      }
  
  
      .navbar-default {
          background-color: #ffffff
      }
      &lt;/style&gt;    
  
      &lt;/head&gt;
  
      &lt;body&gt;
  
      &lt;div class="container" id="main"&gt;
  
           &lt;div class="navbar navbar-default navbar-fixed-top navbar"&gt;
               &lt;div class="container-fluid"&gt;
  
  
  
              &lt;ul class="nav navbar-nav pull-left"&gt;
  
                           &lt;li class="dropdown"&gt;
                               &lt;a href"#" class="dropdown-toggle" data-toggle="dropdown"&gt;&lt;span class="glyphicon glyphicon-home"&gt;&lt;/span&gt; "Your Roof Now" &lt;strong class="caret"&gt;&lt;/strong&gt;&lt;/a&gt;
  
                               &lt;ul class="dropdown-menu"&gt;
  
                                   &lt;li&gt;
                           &lt;a href="..\public/clogin/login.php"
  &lt;span class="glyphicon glyphicon-dashboard"&gt;&lt;/span&gt; Log-In&lt;/a&gt;
                                   &lt;/li&gt;
                                   &lt;li&gt;
                           &lt;a href="http//www.theweathernetwork.com"&gt;
  &lt;span class="glyphicon glyphicon-pencil"&gt;&lt;/span&gt; Weather Network&lt;/a&gt;        
                                   &lt;/li&gt;                             
                               &lt;/ul&gt;
  
                           &lt;/li&gt;
  
  
                       &lt;/ul&gt;&lt;!-- end nav pull-right --&gt; 
  
  
  
  
  
  
  
  
                   &lt;div class="nav-collapse collapse navbar-responsive-collapse pull-right"&gt;
  
                       &lt;ul class="nav navbar-nav"&gt;
  
                           &lt;li class="active"&gt;
  
                           &lt;li class="dropdown"&gt;
                              &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Services                                 &lt;strong class="caret"&gt;&lt;/strong&gt;&lt;/a&gt;
  
                          &lt;ul class="dropdown-menu"&gt;
  
                              &lt;li&gt;
                               &lt;a href="#"&gt;Sorry, this section is being updated&lt;/a&gt;
                              &lt;/li&gt;
  
                                &lt;li class="divider"&gt;&lt;/li&gt;
  
                              &lt;li&gt;
                                &lt;a href="#"&gt;&lt;/a&gt;
                              &lt;/li&gt;
  
                                &lt;li class="divider"&gt;&lt;/li&gt;
  
                              &lt;li&gt;
                                &lt;a href="#"&gt;&lt;/a&gt;
                              &lt;/li&gt;
                                  &lt;/li&gt;                       
                          &lt;/ul&gt;
                           &lt;/li&gt;
                         &lt;/li&gt;
                       &lt;/ul&gt;&lt;!-- end dropdown-menu--&gt;
  
  
  
  
  
  
  
                   &lt;/div&gt;&lt;!--end nav-collapse --&gt;
  
               &lt;/div&gt;&lt;!--end container --&gt;
  
           &lt;/div&gt;&lt;!-- end navbar--&gt;
  
  
  
  
           &lt;div class="carousel slide" id="myCarousel" data-ride="carousel"&gt;
  
  
           &lt;ol class="carousel-indicators"&gt;
               &lt;li class="active" data-slide-to="0" data-target="#myCarousel"&gt;&lt;/li&gt;
               &lt;li data-slide-to="1" data-target="#myCarousel"&gt;&lt;/li&gt;
               &lt;li data-slide-to="2" data-target="#myCarousel"&gt;&lt;/li&gt;  
               &lt;li data-slide-to="3" data-target="#myCarousel"&gt;&lt;/li&gt; 
           &lt;/ol&gt;
  
           &lt;!-- wrapper for slides --&gt;
               &lt;div class="carousel-inner"&gt;
                   &lt;div class="item active" id="slide1"&gt;
                       &lt;div class="carousel-caption"&gt;
  
                       &lt;/div&gt;&lt;!-- end carousel caption --&gt;
                   &lt;/div&gt;&lt;!-- end item --&gt;
  
  
                   &lt;div class="item " id="slide2"&gt;
                       &lt;div class="carousel-caption"&gt;
  
                       &lt;/div&gt;&lt;!-- end carousel caption --&gt;
                   &lt;/div&gt;&lt;!-- end item --&gt;
  
  
                   &lt;div class="item" id="slide3"&gt;
                       &lt;div class="carousel-caption"&gt;
  
                       &lt;/div&gt;&lt;!-- end carousel caption --&gt;
                   &lt;/div&gt;&lt;!-- end item --&gt;
  
  
                   &lt;div class="item" id="slide4"&gt;
                       &lt;div class="carousel-caption"&gt;
                       &lt;/div&gt;&lt;!-- end carousel caption --&gt;
                   &lt;/div&gt;&lt;!-- end item --&gt;
  
               &lt;/div&gt;&lt;!--carousel-inner --&gt;
  
               &lt;a class="left carousel-control" data-slide="prev" href="#myCarousel"&gt;&lt;span class="icon-prev"&gt;&lt;/span&gt;&lt;/a&gt;
               &lt;a class="right carousel-control" data-slide="next" href="#myCarousel"&gt;&lt;span class="icon-next"&gt;&lt;/span&gt;&lt;/a&gt;
  
           &lt;/div&gt;&lt;!-- end myCarousel --&gt;
  
  
           &lt;div class="row" id="bigCallout"&gt;
               &lt;div class="col-12"&gt;
  
                   &lt;div class="alert alert-success alert-block fade in" id="successAlert"&gt;
                       &lt;button type="button" class="close" data-dismiss="alert"&gt;&amp;times;&lt;/button&gt;
  
                       &lt;h4&gt;Answer&lt;/h4&gt;
                       &lt;h4&gt;'Monier Tile' and 'Columbia Tile'.  If you own a tiled roof chances are your tiles are from one of these two manufacturers.  &lt;p class="lead"&gt;In most cases we find matches for tiles that are no longer being manufactured but require replacement.&lt;/p&gt; Click the 'x' to close&lt;/h4&gt;
                   &lt;/div&gt;&lt;!-- end alert --&gt;
                  &lt;!-- visible only on small devices --&gt;
                  &lt;div class="well well-small visible-sm"&gt;
                   &lt;a href="tel:+1-855-336-6772" class="btn btn-large btn-block btn-default"&gt;&lt;span class="glyphicon glyphicon-phone"&gt;&lt;/span&gt; 1-855-336-6772&lt;/a&gt;
  
                  &lt;/div&gt;&lt;!-- end well-small --&gt;
  
  
  
  
                   &lt;div class="well"&gt;
                       &lt;div class="page-header"&gt;
                           &lt;h2&gt;Its ok. We Know A lot About Tile. &lt;small&gt;&lt;hr&gt;Which two tile brands are most commonly found on homes throughout the lower mainland? Click the answer button.&lt;/small&gt;&lt;/h2&gt;
  
  
                       &lt;/div&gt;&lt;!-- end page-header --&gt;
  
  
                       &lt;a href="" class="btn btn-small btn-warning" id="alertMe"&gt;Answer&lt;/a&gt;
                       &lt;hr&gt;
  
  
        &lt;div&gt;
        &lt;a href="form.php" class="greenbutton btn btn-small btn-success btn-responsive text-center"&gt;Request Estimate&lt;/a&gt; &lt;hr&gt; 
        &lt;/div&gt; 
        &lt;div&gt;
        &lt;p class="lead"style="text-center"&gt;Can't use the phone? -Submit a request for an estimate here instead!&lt;/p&gt;
        &lt;/div&gt;             
                   &lt;/div&gt;&lt;!--end well --&gt;
               &lt;/div&gt;&lt;!-- end column 12 this is the section right below carousel --&gt;
  
           &lt;/div&gt;&lt;!-- end bigCallout --&gt;
  
  
           &lt;div class="row" id="featuresHeading"&gt;
               &lt;div class="col-12"&gt;
                  &lt;h4&gt;We're making some improvements just below in order to better serve our customers.&lt;/h4&gt;
                  &lt;p class="lead"&gt;Sorry for any inconvenience. Please scroll down.&lt;/p&gt;
               &lt;/div&gt;&lt;!-- end col-12 --&gt;
           &lt;/div&gt;&lt;!-- end featuresHeading --&gt;
  
  
           &lt;div class="row" id="features"&gt;
               &lt;div class="col-sm-4 feature"&gt;
                   &lt;div class="panel"&gt;
                       &lt;div class="panel-heading"&gt;
                           &lt;h3 class="panel-title"&gt;Under renovation&lt;/h3&gt;
                       &lt;/div&gt;&lt;!--end panel-heading--&gt;
                       &lt;img src="images/squaretwo200x200.jpg" alt="HTML5" class="img-circle img-responsive centre-block"&gt;
  
                       &lt;p&gt;&lt;/p&gt;
                       &lt;a href="#" target="_blank" class="btn btn-warning btn-block"&gt;Being updated&lt;/a&gt;
                   &lt;/div&gt;&lt;!-- end panel --&gt;
               &lt;/div&gt;&lt;!-- end feature --&gt;
  
               &lt;div class="col-sm-4 feature"&gt;
                   &lt;div class="panel"&gt;
                       &lt;div class="panel-heading"&gt;
                           &lt;h3 class="panel-title"&gt;Under renovation&lt;/h3&gt;
                       &lt;/div&gt;&lt;!--end panel-heading--&gt;
                       &lt;img src="images/squaretwo200x200.jpg" alt="CSS3" class="img-circle img-responsive centre-block"&gt;
  
                       &lt;p&gt;&lt;/p&gt;
                       &lt;a href="#" target="_blank" class="btn btn-danger btn-block"&gt;Being updated&lt;/a&gt;
                   &lt;/div&gt;&lt;!-- end panel --&gt;
               &lt;/div&gt;&lt;!-- end feaauture --&gt;
  
               &lt;div class="col-sm-4 feature"&gt;
                   &lt;div class="panel"&gt;
                       &lt;div class="panel-heading"&gt;
                           &lt;h3 class="panel-title"&gt;Under renovation&lt;/h3&gt;
                       &lt;/div&gt;&lt;!--end panel-heading--&gt;
                       &lt;img src="images/squaretwo200x200.jpg" alt="Bootstrap 3" class="img-circle img-responsive centre-block"&gt;
  
                       &lt;p&gt;&lt;/p&gt;
                       &lt;a href="#" target="_blank" class="btn btn-info btn-block"&gt;Being updated&lt;/a&gt;
                   &lt;/div&gt;&lt;!-- end panel --&gt;
               &lt;/div&gt;&lt;!-- end feaauture --&gt;
  
           &lt;/div&gt;&lt;!-- end features --&gt;
  
  
  
  
           &lt;div class="row" id="moreInfo"&gt;
                &lt;div class="col-sm-6"&gt;
  
                   &lt;div class="tabbable"&gt;
                       &lt;ul class="nav nav-tabs"&gt;
                           &lt;li class="active"&gt;&lt;a href="#tab1" data-toggle="tab"&gt;&lt;strong&gt;Introducing our 'Your Roof Now Portal' &lt;/strong&gt;&lt;br&gt;&lt;/h4&gt;-Another first for our customers.&lt;/a&gt;&lt;/li&gt;
                           &lt;li&gt;&lt;a href="#tab2" data-toggle="tab"&gt;'Water Shortage Update'&lt;/a&gt;&lt;/li&gt;
                       &lt;/ul&gt;
             &lt;div class="tab-content&gt;
              &lt;div class="tab-pane active" id="tab1"&gt;
       &lt;img src="images/untitled-20.png" class="thumbnail pull-left img-responsive text-center"&gt;                   &lt;small&gt;As a customer you'll automatically recieve access to 'Your Roof Now'.&lt;/small&gt;
  
       &lt;small&gt;&lt;br&gt;With 'Your Roof Now' while the surface of your concrete or terra-cotta roof tiles is being restored you can monitor the restoration process by logging onto your account.  Whether your half way around the world doing business, or taking a vacation. At home or at work, via laptop, tablet, or smartphone, you'll see the changes, any time of day, anywhere you are.&lt;/small&gt; You know what they say...seeing is believing!&lt;br&gt;&lt;p&gt;Call today and discover how easy it is.  1-855-336-6772&lt;/p&gt;                
  
  
  
  
  
                           &lt;/div&gt;&lt;!-- end tab-pane --&gt;
  
          &lt;div class="tab-pane" id="tab2"&gt;
  
  
           &lt;h4&gt;More about water restrictions &lt;/h4&gt; 
          &lt;p&gt;In the event that water restrictions are in place, cleaning with water is permitted
          when done so for the purpose of painting or surface treatments.  We take pride in our work and in providing our customers with the information they need when they need it.  Click the link below for current water restrictions in the lower mainland.&lt;/p&gt;    
  
                               &lt;hr&gt;
  
     &lt;a href="#myModal" role="button" class="btn btn-warning" data-toggle="modal"&gt;&lt;span class="glyphicon glyphicon-hand-up"&gt;&lt;/span&gt; Vancouver Water Restriction Table &lt;/a&gt;
  
      &lt;div class="modal fade" id="myModal"&gt;
       &lt;div class="modal-dialogue"&gt;
        &lt;div class="modal-content"&gt;
         &lt;div class="modal-header"&gt;
            &lt;button class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
         &lt;/div&gt;&lt;!--end modal-header --&gt;
               &lt;div class="modal-body"&gt;
                 &lt;h4&gt;Greater Vancouver Water Restriction Plan.&lt;/h4&gt;
  
                 &lt;p&gt;Guidelines we follow.&lt;/p&gt;
  
  
                 &lt;a href="#" class="btn btn-danger pop" data-toggle="popover" data-placement="top" data-original-title="Current Restriction" data-content="Level 1"&gt;Click for current water  restriction level&lt;/a&gt;
  
                  &lt;img src="images/gvrd.png" class="thumbnail pull-left img-responsive text-center"&gt;
                                          &lt;hr&gt;
  
  
  
  
  
  
  
          &lt;div class="modal-footer"&gt;
           &lt;button class="btn btn-default pull-left" data-dismiss="modal" type="button"&gt;Close&lt;/button&gt;  
          &lt;/div&gt;&lt;!-- end modal-footer --&gt;      
                                     &lt;/div&gt;&lt;!-- end modal-body --&gt;
                                &lt;/div&gt;&lt;!-- end modal-content --&gt;
                           &lt;/div&gt;&lt;!-- end modal-dialogue --&gt;
                      &lt;/div&gt;&lt;!-- end myModal --&gt;
  
  
                  &lt;/div&gt;&lt;!-- end tab-pane --&gt;
              &lt;/div&gt;&lt;!-- end tab-content :this is content tabs will toggle!--&gt;
          &lt;/div&gt;&lt;!-- end tabbable --&gt; 
       &lt;/div&gt;&lt;!-- end col-sm-6 --&gt;
  
  
       &lt;div class="col-sm-3"&gt;
        &lt;div class="well"&gt;
           &lt;h4&gt;September 2015 &lt;br&gt;'Question of the Month'&lt;/h4&gt;
  
           &lt;div class="list-group"&gt;
               &lt;a href"#" class="list-group-item"&gt;
                   &lt;h4 class="list-group-item-heading"&gt;Question&lt;/h4&gt;
                   &lt;p class="list-group-item-text"&gt;"Why do the eavestroughs on our house clog every eight months even though we have &lt;strong&gt;no&lt;/strong&gt; trees on our property."&lt;/p&gt;
               &lt;a href"#" class="list-group-item"&gt;
                   &lt;h4 class="list-group-item-heading"&gt;Answer&lt;/h4&gt;
                   &lt;p class="list-group-item-text"&gt;Moss builds up on roof tiles where there is shade (usually along the tile edges).  Over time once the buildup reaches a certain size pieces will continuously break off and get washed down into the gutters when its windy or raining.  Once you remove dirt and debris from your roof tiles you eliminate a major contributing source of dirt and debris being fed to your homes gutter system.&lt;/p&gt;
               &lt;a href"#" class="list-group-item"&gt;
                   &lt;h4 class="list-group-item-heading"&gt;&lt;/h4&gt;
                   &lt;p class="list-group-item-text"&gt;&lt;/p&gt;
           &lt;/a&gt;        
         &lt;/div&gt;&lt;!-- end list-group--&gt;
         &lt;/div&gt;&lt;!-- end well --&gt;
        &lt;/div&gt;&lt;!-- end col-sm-3 --&gt;
  
  
        &lt;div class="col-sm-3"&gt;
          &lt;div class="well"&gt;
           &lt;h4&gt;October 2015 &lt;br&gt;'Question of the Month'&lt;/h4&gt;
  
  
  
  
           &lt;div class="list-group"&gt;
               &lt;a href"#" class="list-group-item"&gt;
                   &lt;h4 class="list-group-item-heading"&gt;Question&lt;/h4&gt;
                   &lt;p class="list-group-item-text"&gt;"What do you mean when you say, 'Low Pressure' cleaning?"&lt;/p&gt;
               &lt;a href"#" class="list-group-item"&gt;
                   &lt;h4 class="list-group-item-heading"&gt;Answer&lt;/h4&gt;
                   &lt;p class="list-group-item-text"&gt;'We use approximately 1600 psi when cleaning tiles.  Other companies use between 3000 and 5000 psi.  Some reputable tile manufacturers reccommend lower pressure when cleaning their tiles. &lt;/p&gt;
               &lt;a href"#" class="list-group-item"&gt;
                   &lt;h4 class="list-group-item-heading"&gt;&lt;/h4&gt;
                   &lt;p class="list-group-item-text"&gt;&lt;/p&gt;
           &lt;/a&gt;        
         &lt;/div&gt;&lt;!-- end list-group--&gt;
         &lt;/div&gt;&lt;!-- end well --&gt; 
        &lt;/div&gt;&lt;!-- end col-sm-3 --&gt;
  
  
  
       &lt;/div&gt;&lt;!-- end moreInfo --&gt;
  
  
           &lt;div class="row" id="moreCourses"&gt;
  
           &lt;/div&gt;&lt;!-- end moreCourses --&gt;
  
  
      &lt;/div&gt;&lt;!-- end container --&gt;
  
  
  
  
  
  
      &lt;footer&gt;
          &lt;div class="container"&gt;
               &lt;div class="row"&gt;
                   &lt;div class="col-sm-2"&gt;
                   &lt;h6&gt;Copyright &amp;copy; 2015 {TerraCottaClean}&lt;/h6&gt;
                   &lt;/div&gt;&lt;!-- end col-sm-2 --&gt;
  
  
                   &lt;div class="col-sm-4"&gt;
                   &lt;h6&gt;About Us&lt;/h6&gt;
                   &lt;p&gt;Located in Vancouver, Canada.  Specializing in concrete tile, terra-cotta tile restoration.&lt;/p&gt;
                   &lt;/div&gt;&lt;!-- end col-sm-4 --&gt;
  
  
               &lt;div class="col-sm-2"&gt;
                   &lt;h6&gt;Navigation&lt;/h6&gt;
                   &lt;ul class="unstyled"&gt;
                        &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="..\public/clogin/login.php"&gt;Login Page&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="form.php"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                   &lt;/ul&gt;
               &lt;/div&gt;&lt;!-- end col-sm-2 --&gt;
  
  
                   &lt;div class="col-sm-2"&gt;
  
                       &lt;h6&gt;Gotta Clean Your TerraCotta?&lt;/h6&gt;
                       &lt;h6&gt;1-855-336-6772&lt;/h6&gt;
                        &lt;div&gt;
  
                      &lt;/div&gt;
  
  
                  &lt;/div&gt;&lt;!-- end col-sm-2 --&gt;
  
  
               &lt;/div&gt;&lt;!-- end row --&gt;
  
  
  
  
  
  
          &lt;/div&gt;&lt;!-- end container --&gt;
      &lt;/footer&gt;
  
  
      &lt;!-- All Javascript at the bottom of the page for faster page loading --&gt;
  
      &lt;!-- First try for the online version of jQuery--&gt;
  
      &lt;!-- If no online access, fallback to our hardcoded version of jQuery --&gt;
      &lt;script&gt;window.jQuery || document.write('&lt;script src="includes/js/jquery-1.8.2.min.js"&gt;&lt;\/script&gt;')&lt;/script&gt;
  
      &lt;!-- Bootstrap JS --&gt;
      &lt;script src="bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- Custom JS --&gt;
      &lt;script src="includes/js/script.js"&gt;&lt;/script&gt;
  
       &lt;script&gt;
       $('#send_btn').popover({content: 'Thank you'},'click');
       &lt;/script&gt;
  
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>