Página básica
Bootstrap utiliza ciertos elementos HTML y propiedades CSS que requieren el uso del doctype de HTML 5 para que funcionen, por lo que es importante añadirlo a todas nuestras páginas:
Además para asegurar que se muestra correctamente en dispositivos móviles y que permite la utilización del zoom al arrastrar tenemos que añadir la siguiente etiqueta meta
dentro de la cabecera <head>
:
A continuación se incluye una plantilla HTML base para cualquier proyecto con Bootstrap, a partir de la cual se tendrán que ir añadiendo el resto de elementos:
Es posible deshabilitar el zoom para dispositivos móviles añadiendo user-scalable=no
a la etiqueta meta del viewport (como se puede ver en el ejemplo inferior). De esta forma los usuarios únicamente podrán usar el scroll de la aplicación, haciendo tu web más similar a una aplicación nativa. Sin embargo, hay que usar esta característica con cuidado ya que no es recomendable para todos los sitios.
Última actualización