2017-03-01 2 views
-2

Ich versuche etwas zu tun wie,Wie vermeidet man "Auto Grid Alignment" im Bootstrap?

______ Leerraum __________________ | ----- erste Spalte (nach rechts ausgerichtet) ----- |

| --logo--- | ____ Leerraum _____________ | ---- zweite Spalte (rechtsbündig) ---- |

aber sein Auto Ausrichtung in den leeren Raum, der durch meine erste Spalte wie diese links,

| --logo-- || ------- zweite Spalte --------- --- || ------------ erste Spalte ---------- |

Warum ist das so und wie behebt man das?

+1

Ich empfehle Ihnen, dieses Dokument zu lesen, wenn Sie zu einem gehen ttempt, Bootstrap zu verwenden: https://v4-alpha.getbootstrap.com/layout/grid/#how-it-works – Hewlett

+0

besser, um Inhalte mit Pull links/rechts auszurichten wird nicht platzen in mehreren Bildschirmen –

+0

danke, ich dint lese es bis jetzt. Es löschte alle meine Zweifel. @ Hewlett –

Antwort

0

Verwenden Sie Offsets. Schauen Sie sich das Beispiel aus der Dokumentation: http://getbootstrap.com/css/#grid-offsetting

<div class="row"> 
    <div class="col-md-offset-6 col-md-6">first column right</div> 
</div> 

<div class="row"> 
    <div class="col-md-2">Logo</div> 
    <div class="col-md-5 col-md-offset-5">second column</div> 
</div> 

..

0

Verwenden Sie die .col-*-offset-* Klasse, das Ihr div nach rechts schieben wird basierend auf dem Grid-System von Bootstrap, Beispiel:

<div class="col-md-offset-3"></div> 

Dies wird die div 3 Spalten nach rechts schieben