bootstrap:如何在行 - 流体div中使用进度条?

时间:2013-01-11 18:50:49

标签: html twitter-bootstrap

使用bootstrap,我想在行 - 流体div中的进度条旁边放一个按钮。我无法弄清楚为什么它不起作用。这是我的代码。有什么想法吗?

<!DOCTYPE html>
<html>
<head>
    <!-- Bootstrap -->
    <link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">
</head>
<body>
    <div class="row-fluid">
        <div class="span2">button</div>
        <div class="span10 progress">
            <div class="bar bar-info" style="width: 50%;">
                bar10
            </div>
        </div>
    </div>
</body>
</html>

1 个答案:

答案 0 :(得分:2)

你需要将你的进度div包装在这样的span10 div中:

<div class="row-fluid">
    <div class="span2">button</div>
    <div class="span10">
        <div class="progress">
            <div class="bar bar-info" style="width: 50%;">
                bar10
            </div>
        </div>
    </div>
</div>