gpt4 book ai didi

twitter-bootstrap - Fuel UX 向导组件未正确显示

转载 作者:行者123 更新时间:2023-12-04 16:31:43 26 4
gpt4 key购买 nike

我正在尝试使用燃料 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>

关于我缺少什么的任何想法?

最佳答案

好的,我发现了问题。

标签

<html lang="en">

需要包括fuelux类:
<html lang="en" class="fuelux">

关于twitter-bootstrap - Fuel UX 向导组件未正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15958806/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com