Div nicht Höhe des Elternteils Div (mit Bootstrap) ⇐ HTML

[Anonymous]

Ich werde zunächst sagen, dass ich weiß, dass diese Frage viel gestellt wurde, aber keine der Antworten, die ich sah, schien für mich zu funktionieren. Sie haben einen dynamischen Text, also weiß ich nicht, wie viele Zeilen jeder sein wird. Das Problem ist, dass ich die Divs anscheinend nicht dazu bringen kann, sich auf die Größe des Elternteils zu sammeln. Ich möchte

Some Text

Some text that could wrap to multiple lines



Different Text

With some more text



< /code>

CSS: < /p>

.divOne
{
border-top:10px solid black;
}

.divTwo
{
background-color: #32649b;
height:100%;
color:white;
}
< /code>

jsfiddle: < /h2>

, was ich aus anderen Versionen dieser Frage gelernt habe, sind, dass < /p>


Float: Links nicht funktioniert. Definiert < /li>
Position: Relativ kann beim Elternteil helfen < /li>
< /ul>

Das Problem mit dem Float ist < /strong>, dass ich Bootstrap verwende, und hier kommt der Float. Die Kinder. Ich vermute auch, dass dies nicht funktioniert, weil ich Bootstrap verwende. Es ist jedoch möglich, dass mir nur etwas fehlt. Ich gebe zu, nicht der größte mit CSS < /code> zu sein. Ich möchte tatsächlich etwas in der Sicht von Col-XS-12 Col-MD-3 für diese.