Html 引导：为什么div子级比div父级大？

我提取了web的一部分来显示我的问题。为什么黄色的div比黑色的div大呢？它怎么能完全适合父母？我是新手，所以我想我做错了什么

谢谢

.indicator{
背景色：黑色；
颜色：白色；
边界半径：5px；
}
印度医学院{
背景颜色：黄色；
颜色：#01CB99；
字体大小：40px；
边框：1px纯绿色；
}

标题
30
字幕

您需要使用引导类来解决这个问题，将

行col-sm-12

添加到

指示符

查看结果：

.indicator{
背景色：黑色；
颜色：白色；
边界半径：5px；
}
印度医学院{
背景颜色：黄色；
颜色：#01CB99；
字体大小：40px；
边框：1px纯绿色；
}

标题
30
字幕

您的级联div太多，我看不出有任何明显的用途。 我把它们清理干净，它就掉了

以以下代码结尾：

<div class="container" >
   <div class="row indicador"  style=" display: table; " >                              
      <div class="row">
         <div class="col-sm-12" >title </div>
      </div>
      <div class="row indicadormedio">
         <div class="col-sm-12">30</div>
      </div>
      <div class="row">
         <div class="col-sm-12">subtitle</div>
      </div>
   </div>
</div>

标题
30
字幕

我还将向您介绍如何知道何时使用

行

类

---

希望有帮助。

它不是更大

Indicator

正在扩展，以像预期的那样包含

IndicatorMedio

。它没有变大。。所有行都具有相同的宽度规则1:

行必须放置在.container（固定宽度）或.container fluid（全宽度）内，以便正确对齐和填充。

罗恩·范德海登，我不明白你的意思，我在乞讨处有“”，这就是你的意思？我不明白为什么，但它解决了问题。Thanks@wakeupbootstrap有自己的预定义类和样式，因此您需要正确使用它们：）。。如果答案对你有帮助，别忘了接受它