0

Visualforce で Bootstrap を使用しようとしています。適切な静的リソースを作成しましたが、Twitter のブートストラップ動作が表示されません。理由を教えてください。最初に Bootstrap ディレクトリを追加し、このブートストラップに静的リソースとして名前を付けてから、最新の jQUery.js ファイルをアップロードし、この JQUery1 リソースに名前を付けて統合しようとしている手順を次に示します。

<apex:page showHeader="false" standardStylesheets="false" controller="hello11">

  <head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- Bootstrap -->
    <apex:includeScript value="{!$Resource.JQUery1}"/>

<apex:stylesheet value="{!URLFOR($Resource.bootstrap, 'bootstrap/css/bootstrap.css')}"/>

<apex:includeScript value="{!URLFOR($Resource.bootstrap, 'bootstrap/js/bootstrap.js')}"/>

  </head>
  <body>
    <h1>Hello, world!</h1>
   <div class="row-fluid">
  <div class="span12">
    Fluid 12
    <div class="row-fluid">
      <div class="span6">
        Fluid 6
        <div class="row-fluid">
          <div class="span6">Fluid 6</div>
          <div class="span6">Fluid 6</div>
        </div>
      </div>
      <div class="span6">Fluid 6</div>
    </div>
  </div>
</div>
  </body>
</apex:page>

ブートストラップ効果を取得する代わりに、下の画面が表示 ここに画像の説明を入力 されます。コンソールにエラーがないことを確認できます。これは、すべてのリソースが正しくロードされていることを意味します。なぜ流体効果が表示されないのか疑問です。 ?

4

1 に答える 1

2

スタイルシートファイルが正しく読み込まれていないようですが、「ネットワーク」タブを確認していただけますか？そこをクリックしてページをリロードすると、一部の HTTP リクエストが「見つかりません」(404) エラー コードを返すかどうかがわかります。次に、パスを確認するだけです。

于 2013-04-19T19:22:01.957 に答える