Bootstrap: Klasa dla prawego marginesu?

Question

Uważam, że zapewniamy standardowy margines - w lewo możemy użyć klasy "Offset" w bootstrapie. W tym samym czasie, jaka jest klasa, która może być używana do zapewnienia standardowego marginesu prawa? przykład:

<div class="row-fluid"> 
    <div class="offset2 span8"></div> 
</div> 

jakiegoś powodu muszę dać margin-right odpowiednik Offset2. Niektóre rozwiązania będą bardzo pomocne. Dziękuję Ci.

Answer 1

Nie istnieje odpowiednik klasy do offset-x dla marginesu i nie bez powodu, nie jest potrzebny. Pomyśl o tym w ten sposób, jeśli trzeba div 6 kolumn, która jest przesunięta w prawo iw lewo 3 kolumny, należy użyć:

<div class="row"> 
    <div class="span6 offset3">Your content...</div> 
</div> 

Ponadto, jeśli masz div 6 kolumn, które muszą być przesunięte tylko 2 kolumny ALE, przesunięcie powinno być 2 kolumny po prawej stronie, kod byłoby:

<div class="row"> 
    <div class="span6 offset4">Your content...</div> 
</div> 

Pamiętaj, że zawsze działa w 12 kolumn (o ile zmiany w variables.less), dzięki czemu można używać Span-X AND offset-x, aby osiągnąć pożądaną pozycję. Jeśli chcesz poprawić dodatkowe piksele, dodaj dodatkową klasę (lub identyfikator) do swojego kontenera treści wewnątrz swojego zakresu. Na przykład:

<div class="row"> 
    <div class="span6 offset4"> 
     <div class="tweaked-margin">Your content...</div> 
    </div> 
</div> 

CSS:

.tweaked-margin { 
    margin-right: 4px; // or whatever you need 
}