j-Rows

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

A Rows összetevője nagyon egyszerű alternatíva a j-Layout és a j-Layout2.

konfiguráció:

parent {String} Tartalmazhat parent, window vagy jQuery kiválasztó a closest Az alapértelmezett módszer (default window)
margin {Number} hozzáadása margin a height (default: 0)
marginlg {Number} hozzáadja a height marginát a LG kijelzőhez (előzetes: margin)
marginmd {Number} hozzáadja a height marginát a MD kijelzőhez (előzetes: margin)
marginsm {Number} hozzáadja a height marginát a SM kijelzőhez (előzetes: margin)
marginxs {Number} hozzáadja a height marginát a XS kijelzőhez (előzetes: margin)
noborder {Boolean} meghibásodott határ (default: false)
A fontsize {Boolean} a betűtípusok méretének százalékát teszi lehetővé

Jó tudni:

Minden sornak <section>-ben kell lennie, próbálja meg a példából megérteni.

Attribútumok:

data-size tartalmaz egy rész méretét LG,MD,SM,XS --> pixelekben vagy százalékban, például: 200,200,200,0 (0 azt jelenti, hogy rejtett)
A data-size-es tulajdonság nélküli szakasz a maradék értékből számít

Használja a <ui-component name="rows">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

example.html

<style>body { padding: 0; margin: 0; }</style>

<ui-component name="rows" config="parent:window" class="hidden invisible">
	<section data-size="33%">Top panel</section>
	<section>Main</section>
	<section data-size="33%">Bottom panel</section>
</ui-component>