引导进度栏不工作

引导进度条不工作在我的mvc索引视图我已经尝试过使用chrome和ie。引导进度栏不工作

@{ 
    ViewBag.Title = "Home Page"; 
} 

<div class="jumbotron"> 
    <h1>ASP.NET</h1> 
    <p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript.</p> 
    <p><a href="http://asp.net" class="btn btn-primary btn-large">Learn more &raquo;</a></p> 
</div> 

<div class="row"> 
    <div class="col-md-4"> 
     <h2>Getting started</h2> 
    <div class="progress-bar progress-striped "></div> 
    </div> 

</div>

来源

2014-03-05 kobosh

你能提供jsfiddle链接吗？ – Lipis

你正在使用什么版本的bootstarp？你包括'bootstrap.js'文件吗？ – Moes

@ user3381280请提供演示链接 – Muhammed

<div class="progress"> 
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"> 
    <span class="sr-only">60% Complete</span> 
</div> 
</div>

以上是从引导V3.1.1的代码看起来像你的进度条格缺少某些元素？

来源

2014-03-05 13:05:23 mrpbennett

望着CSS，选择 “进度条” 已更改为 “栏”：

./bootstrap.css: 

.progress { 
... 
} 

.progress .bar { 
... 
}

因此，更改您的代码

<div class="progress"> 
    <div class="bar"> 
    </div> 
</div>

然后它会奏效。

不知道这种疯狂是什么原因，似乎引导文档只是没有更新。

来源

2014-05-14 00:43:17 Tronathan

这对我有效。必须是过时的文档.. – connorbode

这个派对迟到了，但在Bootstrap的版本中，我使用（v3.1.1）这个类是'进度条'（不像'Docs说的'进度条条带'），它和在“主动”类必须要被应用到外层div：

<div class="progress progress-striped active"> 
    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">Some text</div> 
</div>

来源

2015-12-07 17:42:12

如果您正在使用引导v4和需要动画，你将需要使用progress-bar-animated而不是active。

来源

2017-07-03 11:16:49

引导进度栏不工作

回答

相关问题