Introducción
Comience con Bootstrap, el marco más popular del mundo para crear sitios adaptables y móviles, con BootstrapCDN y una página de inicio de plantilla.
Inicio rápido
¿Desea agregar rápidamente Bootstrap a su proyecto? Utilice BootstrapCDN, proporcionado de forma gratuita por la gente de StackPath. ¿Usar un administrador de paquetes o necesita descargar los archivos de origen? Dirígete a la página de descargas.
CSS
Copie y pegue la hoja de estilos en su antes de todas las demás hojas de estilo para cargar nuestro CSS.<link><head>
JS
Muchos de nuestros componentes requieren el uso de JavaScript para funcionar. Específicamente, requieren jQuery, Popper.js, y nuestros propios plugins JavaScript. Coloque las siguientes s cerca del final de sus páginas, justo antes de la etiqueta de cierre, para habilitarlas. jQuery debe ser lo primero, luego Popper.js, y luego nuestros plugins JavaScript. <script></body>
Usamos la compilación delgada de jQuery,pero también se admite la versión completa.
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
¿Tiene curiosidad por saber qué componentes requieren explícitamente jQuery, nuestro JS y Popper.js? Haga clic en el enlace mostrar componentes a continuación. Si no está seguro acerca de la estructura general de la página, siga leyendo para una plantilla de página de ejemplo.
Reinicio
Para mejorar la representación entre navegadores, utilizamos Reboot para corregir incoherencias en navegadores y dispositivos, al tiempo que proporcionamos restablecimientos ligeramente más opinionados a los elementos HTML comunes.
Comunidad
Manténgase al día sobre el desarrollo de Bootstrap y comuníquese con la comunidad con estos recursos útiles.
- Sigue @getbootstrap en Twitter.
- Lee y suscríbete a The Official Bootstrap Blog.
- Unirse a la sala oficial DeSlack.
- Chatea con otros Bootstrappers en IRC. En el servidor, en el canal.irc.freenode.net##bootstrap
- La ayuda de implementación se puede encontrar en Stack Overflow (etiquetada bootstrap-4).
- Los desarrolladores deben usar la palabra clave en paquetes que modifican o agregan a la funcionalidad de Bootstrap al distribuir a través de npm o mecanismos de entrega similares para una máxima capacidad de detecció
bootstrap
También puedes seguir @getbootstrap en Twitter para los últimos chismes y videos musicales impresionantes.