引導進度欄不工作

引導進度條不工作在我的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

引導進度欄不工作

回答

相關問題