i using bootstrap cdn rails app. of styling works except carousel on home page. works fine in development not @ heroku. don't know if relevant have defined route in routes.rb: root "home#index" displays index.html.erb via homecontroller. first image in carousel loaded it. has no functionality. right have no bootstrap gems in gem file try if necessary. wanted see if has seen issue before , knows do. think file ok since works in development here index.html.erb:
<div id="mycarousel" class="carousel slide img-rounded" data-ride="carousel"> <!-- indicators --> <ol class="carousel-indicators"> <li data-target="#mycarousel" data-slide-to="0" class="active"></li> <li data-target="#mycarousel" data-slide-to="1"></li> <li data-target="#mycarousel" data-slide-to="2"></li> <li data-target="#mycarousel" data-slide-to="3"></li> <li data-target="#mycarousel" data-slide-to="4"></li> </ol> <!-- wrapper slides --> <div class="carousel-inner" role="listbox"> <div class="item active"> <%= image_tag("nicholson2.jpg", alt:"nicholson", class: "img-rounded") %> </div> <div class="item"> <%= image_tag("marilyn2.jpg", alt:"marilyn", class: "img-rounded") %> </div> <div class="item"> <%= image_tag("pacino2.jpg", alt:"pacino", class: "img-rounded") %> </div> <div class="item"> <%= image_tag("lily.jpg", alt:"lily", class: "img-rounded") %> </div> <div class="item"> <%= image_tag("deniro2.jpg", alt:"deniro", class: "img-rounded") %> </div> </div> <!-- left , right controls --> <a class="left carousel-control" href="#mycarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">previous</span> </a> <a class="right carousel-control" href="#mycarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">next</span> </a> </div>
i resolved using https: instead of http: when linking external resources. works in development evidently heroku not allow it.
