Ich versuche Bootstrap zu verwenden, um Webseitenstruktur zu machen. Ich werde zwei unabhängige contain (einige Text auf der linken und einige Bild auf der rechten Seite) anzeigen, so dass eine vertikale Teilung in zwei gleiche Teile haben möchte. Einige wie this, einige haben eine einfache Bootstrap-Vorlage wie diese?Bootstrap: teilen Seite enthalten in zwei (gleich)
Sie müssen zwei Elemente mit relativer Größe (oder absolut, egal) erstellen, die untereinander gleich sind (ähel links: 50% | rechts. 50%), um die Seite eins zu eins zu der anderen hinzuzufügen Eigenschaft "float" in CSS; jeweils auf ihre jeweilige Seite ausgerichtet.
css
.parent{
width: 100%;
display: block;
}
.left{
width: 50%;
float: left;
display: inline-block
}
.right{
width: 50%;
float: right;
display: inline-block
}
Einige Erklärung der Lösung ist wichtig. Diese Antwort wurde automatisch als minderwertig gekennzeichnet. Code-only-Antworten sind bei SO verpönt und werden wahrscheinlich viele Downvotes enthalten. Ich werde nicht runterziehen, weil ich dich wissen lasse, wie es funktioniert, aber andere werden es wahrscheinlich tun. –
Mit Bootstrap:
<div class="container">
<div class="row">
<div class="col-xs-6" id="left-column">
</div>
<div class="col-xs-6" id="right-column">
</div>
</div>
</div>
Bitte geben Sie den Code direkt in Ihrer Frage, wie Text, nicht als Bild. Jeder, der antworten möchte, wird das reproduzieren wollen, was Sie bereits haben, und wenn Sie ihn erneut eingeben, werden die meisten Leute die Frage nicht beantworten. Klicken Sie auf die Schaltfläche "Bearbeiten" unterhalb der Frage (direkt über diesen Kommentaren), um die Frage zu aktualisieren. –