1

ウェブサイトに行く前に、あなたもこれを探してほしい。Web サイトが読み込まれると、最初の 1 秒か 2 秒でわかります... ナビゲーション バーにリンクがリスト形式で表示され、バグが発生しているように見えます... bc 読み込みが完了すると、問題ないように見えます。

ウェブサイト: www.powerliftingbasics.com これは、ページを更新/ロードするたびに発生します。Ruby on Rails と Twitter ブートストラップを使用しています。私はそれを理解することはできません。

ここに私のnavbarコードがあります:

    <div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <a class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
          <a href="/" class="navlogo pull-left"><img src="assets/logosmall.png" alt="Small Logo"></a>
          <a class="brand navfont" href="/">Powerlifting Basics</a>
      <div class="container nav-collapse">
        <ul class="nav pull-right"> 
            <li><%= link_to "Bench Press", "/benchpress"  %></li>
            <li><%= link_to "Deadlift", "/deadlift"  %></li>
            <li><%= link_to "Squat", "/squat"  %></li>
            <li><%= link_to "Equipment", "/equipment"  %></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"> more<b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li class="divider"></li>
                  <li><%= link_to "Subscribe", "/subscribe"  %></li>
                  <li><a href="mailto:contact@powerliftingbasics.com"> Contact Us</a> </li> 
                </ul>
            </li>
        </ul> 
      </div><!--/.nav-collapse -->
    </div>
  </div>
</div>
4

2 に答える 2

1

layouts/application.html.erb で、上部に application.css と application.js を追加します

<!DOCTYPE HTML>
<html lang="en">
  <head>
    <title>PowerLiftingBasics</title>
    <%= stylesheet_link_tag "application" %>
    <%= javascript_include_tag "application" %>
  </head>
  <body>

    <%= yield %>

  </body>

</html>
于 2012-09-09T10:18:03.517 に答える
-1

ページの下部に css ファイルへのリンクを配置したことが原因で発生します。ページ本体の前にロードする必要があります。少なくとも、

<link href="/assets/application-65943938be14c000984bcb9478d30563.css" media="all" rel="stylesheet" type="text/css">

<head></head>タグの内側。

ベスト プラクティスは、CSS と favicon のリンクをページの先頭に配置することです。Javascript リンクは本文の下部 (終了</body>タグの前) に配置されます。

于 2012-09-09T09:45:21.750 に答える