Używam Bootstrap2 i skonfiguruj zakładki

  <ul class= "nav nav-tabs">
   <li class="active"><a href="#menu1" data-toggle="tab">疑問リスト</a></li>
   <li class=""><a href="#menu2" data-toggle="tab">フォロー中の投稿</a></li>
   <li class=""><a href="#menu3" data-toggle="tab">ユーザーの投稿</a></li>  
  </ul> 

Na show.html.erb (członkowie). Działa na lokalnym, ale nie działa na pilocie (Heroku).

I sprawdzałem dzienniki, robiąc dzienniki Heroku i masz komunikaty o błędach. Nie mam pojęcia, jak rozwiązać to.

☆ Komunikaty o błędach.

 ActionController::RoutingError (No route matches [GET] "/members/js/bootstrap.min.js"):
 ActionController::RoutingError (No route matches [GET] "/members/js/bootstrap.min.js"):

☆ show.html.erb (członkowie_controller)

  <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
  <script src="js/bootstrap.min.js"></script>

ActionController :: RoutingERror (brak meczów tras [Get] "/members/css/bootstrap.min.css"):

6
Kuniharu Aramaki 9 grudzień 2013, 12:40

2 odpowiedzi

Najlepsza odpowiedź

Zmień do tego importowanie pliku JavaScript:

<script src="/assets/bootstrap.min.js"></script>

I łącze CSS:

<link href="/assets/bootstrap.min.css" media="all" rel="stylesheet" />

Na aktywach obsługi w szynach> = 3.x

W Rails 3.x i 4.x Wszystkie aktywa muszą być umieszczone w katalogu app/assets. Pliki JavaScript przejdą do folderu javascripts, plik CSS w folderze stylesheets i obrazy w folderze images. Możesz również dodać więcej folderu, aby odróżnić inne typy aktywów.

W produkcji wszystkie aktywa będą dostępne w folderze globalnym /assets bez wyróżnienia typu zasobów.

Jeśli prawidłowo umieściłeś zasoby, najlepszym sposobem na załadowanie ich do stron jest do nich korzystanie z bezwzględnego odniesienia do nich. Na przykład.

<%= stylesheet_link_tag    "/assets/bootstrap.min" %>
<%= javascript_include_tag "/assets/bootstrap.min" %>
8
marzapower 9 grudzień 2013, 11:46

Jeśli instalujesz zgodnie z instrukcjami: https://github.com/twbs/ Bootstrap-Sass # A-Ruby-on-Rails i użyj domyślnego szablonu: http: // GetBootstrap.com/Getting-Started/#template Wystarczy usunąć następujące linie z szablonu:

<link href="css/bootstrap.min.css" rel="stylesheet">

<script src="js/bootstrap.min.js"></script>
0
WChasik 19 sierpień 2015, 07:47