Forsøg med WYSIWYG pagebuilder

Dette er et forsøg.

Her er en overskrift   

1. Slå "Vis afsnitsmærker" til. De er en god hjælp.

2. Opret en div container af typen "Layout wrapper" og placer curseren deri.

3. Lav et afsnit for hver række, du ønsker.

4. Placér curseren i første afsnit og vælg en række med ønsket antal kolonner i menuen "Typografi".

5. Opret en div container af typen 1. kolonne, skriv et bogstav eller tal, tryk enter, opret derefter den følgende kolonne osv.

6. Lav en hr i hver kolonne for at oprette afsnit. Derefter kan hr slettes og layoutet er oprettet.

Kolonne 1

Kolonne 2

Kolonne 3

Kolonne 4

 

Kolonne 1

Her er et afsnit i kolonne 1

 

Kolonne 2

Her er et afsnit i kolonne 2

 

Kolonne 3

Her er et afsnit i kolonne 3

Hvad sker der her, når det er et afsnit og ikke en div?

Og hvad med en hr?

 

 

Knap

Advarsel

 

Test af Flexbox Layout

 Række 1, Kolonne 1

Række 1, Kolonne 2

Række 1, Kolonne 3

Række 1, Kolonne 4

Række 1, Kolonne 5

Række 2, kolonne 1

Række 2, kolonne 2

Række 2, kolonne 3 

 

Flexbox test - mange kolonner pr. container

Her er sat en masse kolonner i én række-div for at se, hvordan de opfører sig.

 

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

 

2. Cras eu justo ante. Nunc ac mollis augue, eu hendrerit dolor. 

 

3. Nunc egestas augue a nibh convallis, a maximus elit egestas. 

  Link

 

4. Aenean ex enim, molestie quis hendrerit egestas, ultricies id nibh.

  Link

5.

Fusce euismod quam id commodo lacinia.

6.

Morbi venenatis augue ut arcu posuere, sit amet tincidunt est elementum. 

7.

Nullam vehicula vulputate pretium.

8.

Morbi porttitor lorem et ante tincidunt sodales.

9.

Maecenas congue risus vitae dolor rutrum semper.

10.

Cras eu justo ante. Nunc ac mollis augue, eu hendrerit dolor. 

11.

Aenean ex enim, molestie quis hendrerit egestas, ultricies id nibh.

12.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.