Html 在引导网格系统中嵌套引导进度条，问题

好的，我正在为一个客户端做一个登录页，我非常擅长使用引导框架，但是，当我在

col-sm-6

中嵌套4个进度条时，它没有显示其他3个进度条。在另一个

col-sm-6

（在

行

类中）中，它显示，但在下面

我想这可能和花车有关

这是我的HTML：

<div class="index-skills">
    <div class="container" style="display:block !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; text-align:left !important; padding:15px 30px 15px 30px !important;">
        <h2>WHY CHOOSE US?</h2>
        <div class="row">
            <div class="col-sm-6">
                <div class="progress">
                  <div class="progress-bar" role="progressbar" aria-valuenow="70"
                  aria-valuemin="0" aria-valuemax="100" style="width:70%">
                    <span class="sr-only">70% Complete</span>
                  </div>
                </div>
                <div class="progress">
                  <div class="progress-bar" role="progressbar" aria-valuenow="70"
                  aria-valuemin="0" aria-valuemax="100" style="width:70%">
                    <span class="sr-only">70% Complete</span>
                  </div>
                </div>
                <div class="progress">
                  <div class="progress-bar" role="progressbar" aria-valuenow="70"
                  aria-valuemin="0" aria-valuemax="100" style="width:70%">
                    <span class="sr-only">70% Complete</span>
                  </div>
                </div>
                <div class="progress">
                  <div class="progress-bar" role="progressbar" aria-valuenow="70"
                  aria-valuemin="0" aria-valuemax="100" style="width:70%">
                    <span class="sr-only">70% Complete</span>
                  </div>
                </div>
            </div>
            </div>
            <div class="col-sm-6">
                <div class="progress">
                  <div class="progress-bar" role="progressbar" aria-valuenow="70"
                  aria-valuemin="0" aria-valuemax="100" style="width:70%">
                    <span class="sr-only">70% Complete</span>
                  </div>
                </div>
                <div class="progress">
                  <div class="progress-bar" role="progressbar" aria-valuenow="70"
                  aria-valuemin="0" aria-valuemax="100" style="width:70%">
                    <span class="sr-only">70% Complete</span>
                  </div>
                </div>
                <div class="progress">
                  <div class="progress-bar" role="progressbar" aria-valuenow="70"
                  aria-valuemin="0" aria-valuemax="100" style="width:70%">
                    <span class="sr-only">70% Complete</span>
                  </div>
                </div>
                <div class="progress">
                  <div class="progress-bar" role="progressbar" aria-valuenow="70"
                  aria-valuemin="0" aria-valuemax="100" style="width:70%">
                    <span class="sr-only">70% Complete</span>
                  </div>
                </div>
            </div>
        </div>
    </div>
</div>

为什么选择我们？
70%完成
70%完成
70%完成
70%完成
70%完成
70%完成
70%完成
70%完成

---

请帮我解释一下。

您在

col-sm-6

行内使用

col-sm-6

行外使用另一个

col-sm-6

？我想你想要这样的东西不，不，看看我下面的代码。对不起，我是新手！你想要并排的酒吧还是什么？是的，这正是我想要的。好吧，那么，跟着我的小提琴：）