Comparteix:

Pràctica Bootstrap

Utilitzant el mode HTML (codi) dissenya una estructura de pàgines amb columnes i text amb la següent disposició: 1 fila amb 2 columnes de 50% (1/2) 1 fila amb 3 columnes de 25% 25% 50% (1/4 1/4 1/2) 1 fila amb 2 columnes de 2/3 i 1/3, la primera amb una fila anidada amb 2 columnes al 50% (1/2)

Dues columnes al 50%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus consectetur lectus sed tellus mollis, quis volutpat nisl malesuada. Vestibulum sagittis rhoncus nunc, eu vestibulum eros scelerisque et. Nulla et eleifend odio. Nullam ac tellus et risus egestas lobortis. Nam eget interdum ipsum. Nulla lobortis volutpat suscipit. Proin odio est, interdum quis erat non, semper semper sapien. Proin malesuada diam at ipsum congue eleifend.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus consectetur lectus sed tellus mollis, quis volutpat nisl malesuada. Vestibulum sagittis rhoncus nunc, eu vestibulum eros scelerisque et. Nulla et eleifend odio. Nullam ac tellus et risus egestas lobortis. Nam eget interdum ipsum. Nulla lobortis volutpat suscipit. Proin odio est, interdum quis erat non, semper semper sapien. Proin malesuada diam at ipsum congue eleifend.

 

Tres columnes al 25% 25% 50%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus consectetur lectus sed tellus mollis, quis volutpat nisl malesuada. Vestibulum sagittis rhoncus nunc, eu vestibulum eros scelerisque et. Nulla et eleifend odio. Nullam ac tellus et risus egestas lobortis. Nam eget interdum ipsum. Nulla lobortis volutpat suscipit. Proin odio est, interdum quis erat non, semper semper sapien. Proin malesuada diam at ipsum congue eleifend.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus consectetur lectus sed tellus mollis, quis volutpat nisl malesuada. Vestibulum sagittis rhoncus nunc, eu vestibulum eros scelerisque et. Nulla et eleifend odio. Nullam ac tellus et risus egestas lobortis. Nam eget interdum ipsum. Nulla lobortis volutpat suscipit. Proin odio est, interdum quis erat non, semper semper sapien. Proin malesuada diam at ipsum congue eleifend.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus consectetur lectus sed tellus mollis, quis volutpat nisl malesuada. Vestibulum sagittis rhoncus nunc, eu vestibulum eros scelerisque et. Nulla et eleifend odio. Nullam ac tellus et risus egestas lobortis. Nam eget interdum ipsum. Nulla lobortis volutpat suscipit. Proin odio est, interdum quis erat non, semper semper sapien. Proin malesuada diam at ipsum congue eleifend.

 

Dues columnes de 2/3 (amb fila anidada de 2 columnes al 50%) i 1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus consectetur lectus sed tellus mollis, quis volutpat nisl malesuada. Vestibulum sagittis rhoncus nunc, eu vestibulum eros scelerisque et. Nulla et eleifend odio. Nullam ac tellus et risus egestas lobortis. Nam eget interdum ipsum. Nulla lobortis volutpat suscipit. Proin odio est, interdum quis erat non, semper semper sapien. Proin malesuada diam at ipsum congue eleifend.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus consectetur lectus sed tellus mollis, quis volutpat nisl malesuada. Vestibulum sagittis rhoncus nunc, eu vestibulum eros scelerisque et. Nulla et eleifend odio. Nullam ac tellus et risus egestas lobortis. Nam eget interdum ipsum. Nulla lobortis volutpat suscipit. Proin odio est, interdum quis erat non, semper semper sapien. Proin malesuada diam at ipsum congue eleifend.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus consectetur lectus sed tellus mollis, quis volutpat nisl malesuada. Vestibulum sagittis rhoncus nunc, eu vestibulum eros scelerisque et. Nulla et eleifend odio. Nullam ac tellus et risus egestas lobortis. Nam eget interdum ipsum. Nulla lobortis volutpat suscipit. Proin odio est, interdum quis erat non, semper semper sapien. Proin malesuada diam at ipsum congue eleifend.