La capa container
Lo correcto suele ser tener todo el contenido dentro de una capa con un ancho definido (bootstrap usa una capa de 1200px de ancho). De lo contrario, en el caso de un monitor enorme, se vería esto:
Cuando usas esa capa container que te comento, verías esto:
Aunque las dos maquetaciones se ve n horribles en una de las dos no tienes que girar la cabeza de izquierda a derecha para leer el contenido.
img vs background
Usa la etiqueta img si…
- Piensas que la gente puede imprimir tu página y quieres que la imágen sea incluída por defecto.
- La imágen (con atributo alt) tiene importancia semántica.
Usa el css background-image si…
- La imagen no forma parte del contenido.
- No quieres que las imágenes sean incluídas al imprimir
- Quieres mejorar la velocidad de carga usando css sprites.