Twitter Bootstrap无法使用Visualforce

时间:2013-04-19 19:18:46

标签: jquery twitter-bootstrap visualforce

我正在尝试使用Bootforce与Visualforce .i创建了适当的静态资源,但它没有显示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>

而不是获得引导效果我得到下面的屏幕 enter image description here 正如你可以看到控制台没有错误意味着所有资源都正确加载现在怀疑是为什么它没有显示流体效果可以任何人请描述为什么我没有得到流体效果?

1 个答案:

答案 0 :(得分:2)

似乎样式表文件未正确加载,您可以查看“网络”标签吗?单击并重新加载页面,您将看到某些HTTP请求是否返回“未找到”(404)错误代码。然后你应该检查你的路径。