Bootstrap Alignments

Question

Ich bin neu Bootstrap. Hier kann ich nicht herausfinden, wie ich diese Art der Layout-Ausrichtung mit Bootstrap erreichen kann. Ich habe versucht, aber nicht in der Lage, dies zu erreichen, kann mir jemand helfen, dies zu tun!

Hier ist, was ich erreichen möchte:

Hier gibt es zwei Boxen nebeneinander, linken Feld (grün mit Text) und rechten Box Video youtube haben. Wenn Sie die Größe ändern, sollte diese grüne Box wie ein Stapel an den Anfang der Video-Box gehen. Der Text innerhalb der grünen Box sollte vertikal und horizontal zentriert sein.

Answer 1

Sie können verschiedene CSS-Definitionen für unterschiedliche Fenstergrößen verwenden.
Schauen Sie hier: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
und hier: http://getbootstrap.com/css/#grid-media-queries
und hier (Beispiel für Ihre Problem): http://learnlayout.com/media-queries.html

Answer 2

Sie, dass das Layout mit Bootstrap erstellen können. Möglicherweise müssen Sie Ihre eigenen schreiben, da das Raster des Bootstraps Zwischenräume zwischen Spalten hinzufügt, indem Sie den Abstand hinzufügen. Sie sollten in der Lage sein, einer Spalte eine Hintergrundfarbe hinzuzufügen, aber der Inhalt berührt nicht die Kante wie in dem Videobeispiel, das Sie gepostet haben.

<div class="container"> 
    <div class="row"> 
     <div class="col-xs-12 col-sm-3">Green box</div> 
     <div class="col-xs-12 col-sm-9">Video</div> 
    </div> 
</div> 

Werfen Sie einen Blick auf diese jsfiddle for an example.

Lesen Sie Bootstrap's grid documentation, wenn Sie es ändern möchten.