Twitter Bootstrap이 Visualforce와 작동하지 않습니다

Visualforce에서 Bootstrap을 사용하려고합니다 .i 적절한 정적 리소스를 만들었지 만 트위터 부트 스트랩 동작을 표시하지 않습니다. 저는 여기에 통합하려고 방법 절차는 처음에는 부트 스트랩 디렉토리를 추가하고 정적 자원으로이 부트 스트랩라는 이름은 내가 최신 jQUery.js 파일을 업로드하고 내가이 JQUery1 자원Twitter Bootstrap이 Visualforce와 작동하지 않습니다

<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>

대신 점점 부트 스트랩 효과라는 이름의 점점 아래의 화면 enter image description here 볼 수 있듯이 콘솔에 아무런 오류가 없다는 것을 의미합니다. 모든 리소스가 올바르게로드되었음을 의미합니다. 이제는 유체 효과를 표시하지 않는 이유는 무엇입니까? 유체 효과가 나타나지 않는 이유는 무엇입니까?