文章/答案/技术大牛

发布

社区首页 >问答首页 >Fuel UX向导组件未正确显示

问Fuel UX向导组件未正确显示
EN

Stack Overflow用户

提问于 2013-04-12 05:02:39

回答 2查看 4.2K关注 0票数 5

我正在尝试使用fuel ux向导组件，如下例所示：

http://exacttarget.github.io/fuelux/#wizard

但是它不能正确显示。

我的代码是：

<!doctype html>
<html lang="en">

<head> 
<meta charset="utf-8">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/fuelux.css" rel="stylesheet">
<script src="js/jquery-1.9.1.js" type="text/javascript"></script>
<script src="js/fuelux/require.js"></script>
<script src="js/fuelux/all.js"></script>
</head> 

<body>
    <div class="container">
        <div id="workflowWizard" class="wizard">
        <ul class="steps">
        <li data-target="#step1" class="active"><span class="badge badge-info">1</span>Step 1<span class="chevron"></span></li>
        <li data-target="#step2"><span class="badge">2</span>Step 2<span class="chevron"></span></li>
        <li data-target="#step3"><span class="badge">3</span>Step 3<span class="chevron"></span></li>
        <li data-target="#step4"><span class="badge">4</span>Step 4<span class="chevron"></span></li>
        <li data-target="#step5"><span class="badge">5</span>Step 5<span class="chevron"></span></li>
        </ul>
        <div class="actions">
        <button class="btn btn-mini btn-prev"> <i class="icon-arrow-left"></i>Prev</button>
        <button class="btn btn-mini btn-next" data-last="Finish">Next<i class="icon-arrow-right"></i></button>
        </div>
        <div class="step-content">
        <div class="step-pane active" id="step1">This is step 1</div>
        <div class="step-pane" id="step2">This is step 2</div>
        <div class="step-pane" id="step3">This is step 3</div>
        <div class="step-pane" id="step4">This is step 4</div>
        <div class="step-pane" id="step5">This is step 5</div>
        </div>
    </div>
</body>

你知道我错过了什么吗？

twitter-bootstrap

wizard

fuelux

回答 2

Stack Overflow用户

发布于 2013-04-12 16:09:24

好吧，我找到问题所在了。

标签

<html lang="en">

需要包含fuelux类：

<html lang="en" class="fuelux">

票数 17

Stack Overflow用户

发布于 2013-06-05 20:22:26

如果使用php预处理，请在CSS文件的开头添加以下行：

<?php header('content-type: text/css'); ?>

Lighttpd和phph

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15958806

复制

相似问题

问Fuel UX向导组件未正确显示
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Fuel UX向导组件未正确显示EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Fuel UX向导组件未正确显示
EN