我希望能够在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/

    10-12 12:39
    查看更多