Wie kann man die zwei Container im bootstrap nebeneinander?

Ich versuche, zwei Container nebeneinander, sondern Sie sind gestapelt auf der jeweils anderen. Sogar container-fluid Klasse nicht helfen.

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            Container Left
        </div>
    </div>
</div>

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            Container Right
        </div>
    </div>
</div>

Ist es, in der Bootstrap?

kann sein, dass das hilft -- > stackoverflow.com/questions/19789954/...

InformationsquelleAutor Andrey Langovoy | 2014-03-29

  1. 15

    Bootstrap verwendet eine 12-Spalten-raster, so dass jeder Ihrer divs dauern wird, bis eine Zeile für sich. Sie haben auch jeweils in eine Zeile, und die Zeilen werden immer stack. Versuchen Sie dies:

    <div class="container-fluid">
    <div class="row">
        <div class="col-lg-6">
            Container Left
        </div>
        <div class="col-lg-6">
            Container Right
        </div>
    </div>
</div>
    Ich brauche das col-lg-6 (Links) war nicht abhängig von col-lg-6(rechts)
    Also, ist es möglich, zwei Container nebeneinander irgendwie?
    Dies hat mir geholfen, mit einigen parallax scrolling Sachen, danke!

    InformationsquelleAutor Mister Epic

  2. 1

    Sie können unabhängige Spalten neben einander, indem er Ihre Spalten in einem übergeordneten container und flex-box. Die Spalten automatisch gleich breit sind. Hier ist ein Beispiel.

    html

    <div class="parent-container">
    <div class="container">
        <div class="row">
            <div class="col">
                Container Left
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div class="col">
                Container Right
            </div>
        </div>
    </div>
</div>

    css

    .parent-container {
   display: flex;
}

    InformationsquelleAutor David

  3. -1

    die Sache ist, dass container-fluid ist jetzt repaced von container http://www.bootply.com/bootstrap-3-migration-guide aber das ist nicht die Frage.
    Versuchen Sie, die .col-md-offset-* bewegt *Spalten auf der rechten Seite der Spalten. Check this out http://getbootstrap.com/css/#grid

    InformationsquelleAutor stamstam

Schreibe einen Kommentar