Html 为什么我的Bootstrap 3行没有填充父级宽度？

我正在尝试使用Bootstrap3为一个模式创建一个基于网格的模板，我也在使用Bootstrap。模态出现了，所有的内容都在那里。。。但是款式已经过时了。看起来行类不会填充它们的父容器，即使没有样式可以实现这一点。这里有一个-您可以看到，标题中的行和正文中的行都没有其父行的宽度。我试着在其他SO帖子中查找信息，但我似乎找不到任何关于为什么一行不能填充其父行宽度的信息

更新： 这是一个例子。看起来它实际上可以在JSFIDLE上运行。。。这意味着即时模板没有问题，所以我正在研究其他可能的原因。谢谢你的提示，卡尔文

HTML

---

如果您将行嵌套在列中，您必须了解在.col-lg-6.行中，整个内容从100%开始是新的，您必须在其中使用.col-lg-12来填充它

这段代码应该适合您

<div class="col-sm-6">
    <div class="people">
        <div class="row">
            <div class="col-sm-12">
                <label>People: </label>
            </div>
            <div class="col-sm-12">
                Dr. Rama R. Rao<br/>
                Monte Hackney
            </div>
        </div>
    </div>
    <div class="partners">
        <div class="row">
            <div class="col-sm-12">
                <label>Partners: </label>
            </div>
            <div class="col-sm-12">
                None Available
            </div>
        </div>
    </div>
</div>

---

如果您将行嵌套在列中，您必须了解在.col-lg-6.行中，整个内容从100%开始是新的，您必须在其中使用.col-lg-12来填充它

这段代码应该适合您

<div class="col-sm-6">
    <div class="people">
        <div class="row">
            <div class="col-sm-12">
                <label>People: </label>
            </div>
            <div class="col-sm-12">
                Dr. Rama R. Rao<br/>
                Monte Hackney
            </div>
        </div>
    </div>
    <div class="partners">
        <div class="row">
            <div class="col-sm-12">
                <label>Partners: </label>
            </div>
            <div class="col-sm-12">
                None Available
            </div>
        </div>
    </div>
</div>

---

“卡尔文，谢谢！我用小提琴为你更新了这篇文章。只是一个小风格提示：你只需要为最小的屏幕设备声明一个列大小，并且具有相同的所需列：因此，例如，col-lg-2 col-md-6 col-sm-6 col-xs-6 col-xs-6总是可以写为col-lg-2 col-xs-6，具有相同的结果和更少的副本+paste@JoelBurton谢谢你的提示@卡尔文，谢谢！我用小提琴为你更新了这篇文章。只是一个小风格提示：你只需要为最小的屏幕设备声明一个列大小，并且具有相同的所需列：因此，例如，col-lg-2 col-md-6 col-sm-6 col-xs-6 col-xs-6总是可以写为col-lg-2 col-xs-6，具有相同的结果和更少的副本+paste@JoelBurton谢谢你的提示！

<div class="col-sm-6">
    <div class="people">
        <div class="row">
            <div class="col-sm-12">
                <label>People: </label>
            </div>
            <div class="col-sm-12">
                Dr. Rama R. Rao<br/>
                Monte Hackney
            </div>
        </div>
    </div>
    <div class="partners">
        <div class="row">
            <div class="col-sm-12">
                <label>Partners: </label>
            </div>
            <div class="col-sm-12">
                None Available
            </div>
        </div>
    </div>
</div>