Skip to content

Instantly share code, notes, and snippets.

@trufa
Created July 5, 2018 00:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save trufa/7f2ae975d8a8146562385b9004dc0845 to your computer and use it in GitHub Desktop.
Save trufa/7f2ae975d8a8146562385b9004dc0845 to your computer and use it in GitHub Desktop.

#5 Julio 2018

Usando los componentes básicos de Bootstrap, crear un sitio que se comporte de la siguiente manera:

a) Hay cuatro componentes (divs) con las clases .uno, .dos, .tres y .cuatro.

b) Sus contenido de texto son iguales a sus respectivas clases .uno, .dos, .tres y .cuatro.

c) En las pantallas más pequeñas de todos uno y dos ocuparán el 100% del espacio horizontal.

d) En las pantallas de tamaño sm todos ocuparán en mismo espacio por lo tanto estarán dividio en cuatro partes iguales.

e) En las pantallas de tamaño md se extenderán todos 6 columnas de bootstrap.

f) El componente .uno deberá tener color de letra rojo.

g) Se deberá agregar una clase común a todos que que aumente el tamaño de letra a 20px.

h) El elemento tres deberá ser identificado de manera única ya que este en particular, tendrá un tamaño de letra de 24px.

i) El elemento .cuatro deberá tener un hijo que tenga una clase .hijo. El primer hijo de cuatro con la clase .hijo deberá tener color de letra azul.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment