/ / Vytlačte dve kolumky v css so Zurbom Foundation 4 - css, print, sass, zurb-foundation

Vytlačte dve kolumky v css so Zurbom Foundation 4 - css, print, sass, zurb-foundation

Môj kód vyzerá takto:

<link rel="stylesheet" href="css/foundation.css" media="all">
<div class="row">
<div class="large-12 columns">
<div class="large-6 column">
Lorem ipsum
</div>
<div class="large-6 column">
Lorem ipsum
</div>
</div>
</div>

v prehliadači to vyzerá ako by to malo byť browser

Ale keď ho chcem vytlačiť - funguje to ako pohľad na mobilné zariadenie alebo tablety tu zadajte popis obrázku

Potrebujem mať presne dve viditeľné stĺpce na stránke DIN A4, ako aj v prehliadači. Existuje spôsob, ako to zvládnuť. Alebo dokonca lepší rámec ako Zurb.Foundation 4 pre tento problém?

S Pozdravom.

odpovede:

0 pre odpoveď č. 1

Pre mobilné zariadenia by ste mali pridať triedy small-12 do kontajnera (t.j. kde máte large-12) a small-6 kde máte large-6, Pre tlač navrhujem pridanie napr. vlastný print-6 trieda, ktorá má šírku 50% a zodpovedajúcim spôsobom plavá.


-1 pre odpoveď č. 2

Ak ste niekedy mali tento problém. Skúste Bootstrap, pretože v nadácii ešte neexistuje žiadne skutočné riešenie. Aspoň som ho nenašiel.

bootstrap:

<div class="row">
<div class="col-6 col-sm-6 col-lg-6">
Lorem ipsum
</div>
<div class="col-6 col-sm-6 col-lg-6">
Lorem ipsum
</div>
</div>