2013-04-07 8 views
13

Nach Foundation's docs on the grid component, kann ich im wesentlichen 1 oder mehr macht Rasterspalten einen Raum ihre Offset-Klassen:Es ist möglich, einen Offset rechts neben einem Element in einem Zurb Foundation 4-Raster hinzuzufügen.

<div class="row"> 
    <div class="large-1 columns">1st column</div> 
    <div class="large-9 large-offset-2 columns">2 spaces to the left of this column</div> 
</div> 

, die mit 1 Spalte machen, dann 2 Spalten Normalraum und die 9 Spalten. Ist es möglich, diese Offsets rechts von einem Element statt von links zu machen? Zum Beispiel so etwas?

<div class="row"> 
    <div class="large-1 columns">1st column</div> 
    <div class="large-9 large-offset-right-2 columns">2 spaces to the right</div> 
</div> 
+0

Können Sie ein visuelles Bild dessen anzeigen, was Sie erreichen möchten? – vtacreative

Antwort

17

Ich verstehe Ihre Anfrage Unter der Annahme richtig, es klingt wie Sie nur end verwenden müssen statt offset. Zum Beispiel

<div class="row"> 
    <div class="large-1 columns a">1st column</div> 
    <div class="large-9 columns end">2 spaces to the left of this column</div> 
</div> 
+1

Das funktioniert! Warum hast du eine 'a' Klasse in der 1. Spalte' div'? Warum sehe ich nicht die 'end'-Klasse irgendwo in den Foundation Grid-Dokumenten? –

+2

@at. Sie haben diese Informationen nicht in die V4-Dokumente migriert. Es ist [dokumentiert auf der V3 Seite] (http://foundation.zurb.com/old-docs/f3/grid.php). –

+0

Super! Da es funktioniert hat, kannst du bitte die Antwort richtig überprüfen? Ich bin hungrig nach ihnen 15 Punkte hahaha ... Es ist in der Dokumentation, oder zumindest diese "http: // foundation.zurb.com/old-docs/f3/grid.php". So wusste ich es zu benutzen. Oh, das "a" kommt von "https: // gist.github.com/CL75/4657937", ein Kernwort, das ich gemacht habe, um schnell jedes Element zu färben, damit ich die Positionierung überprüfen kann. Fühlen Sie sich frei, es zu benutzen, aber achten Sie auf mögliche Überschreibungen (dh wenn Sie eine eigene Klasse von "a", "b" usw. haben). Das "a" ist irrelevant, um "end" zu machen für die Verwirrung! – vtacreative

Verwandte Themen