我希望能够在Bootstrap 3
进度栏旁边放置一些内联元素,如下所示:
Some inline element [progress bar]
Some inline element [progress bar]
Some inline element [progress bar]
我已经尝试了以下方法,但是没有运气:
display: inline
-栏未显示float: right
-栏未显示<td>
这是我的尝试的引导:http://www.bootply.com/9jNcnGRkUK
最佳答案
您可以按以下方式应用Grid system:
<div class="container">
<div class="row">
<h3>inline</h3>
<span class="col-sm-3">Some inline element</span>
<div class="progress" class="col-sm-9">
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
<span class="sr-only">45% Complete</span>
</div>
</div>
</div>
</div>
Try it your self。请注意,
col-sm-*
类应放在row
类内。关于html - 如何内嵌Bootstrap 3进度条?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25410232/