Question

进度条，蓝色阴影，左对齐，但我希望它居中：

<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap/latest/css/bootstrap-theme.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

<div class="progress">
   <div class="progress-bar progress-bar-primary text-center" style="width: 25%">25%</div>
</div>

<div class="progress text-center">
   <div class="progress-bar progress-bar-primary" style="width: 25%">25%</div>
</div>

<div class="progress" align="center">
   <div class="progress-bar progress-bar-primary" style="width: 25%">25%</div>
</div>

<div class="progress">
   <div align="center" class="progress-bar progress-bar-primary" style="width: 25%">25%</div>
</div>

<p>Come to think of it, this might work:</p>
<div class="progress pull-left" style="width:37.5%">&nbsp;</div>
<div class="progress">
   <div class="progress-bar progress-bar-primary" style="width: 25%">25%</div>
</div>

Answer 1

我认为this可以帮助你，获得你想要的东西。

Answer 2

使用Bootstrap＆＃34;文本中心＆＃34;类

<div class="progress">
  <div class="progress-bar progress-bar-primary text-center" style="width: 25%">25%</div> 
</div>

Twitter Bootstrap中的中心进度条

2 个答案: