Created
March 27, 2020 21:03
-
-
Save imxmacoyx/113fe8e5e9d515004b5d30f44c10ef06 to your computer and use it in GitHub Desktop.
Bootstrap: Estructura básica
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Estructura básica</title> | |
| <!--CND de CSS--> | |
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> | |
| </head> | |
| <body> | |
| <!-- Tamaños de columnas de bootstrap | |
| Los tamaños de columna en bootstrap 4 son: | |
| .col Extra pequeño (Extra Small) - Smartphones vertical Menos de 544px | |
| .col-sm Pequeño (Small) - Smartphones vertical Mas de 544px y menos de 768px | |
| .col-md Mediano (Medium) -Tablets Mas de 768px y menos de 992px | |
| .col-lg Largo (Large) -Computadoras Mas de 992px y menos de 1200px | |
| .col-xl Extra largo (Extra large) -Computadoras Mas de 1200px | |
| --> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col"> | |
| <h1>Hola mundo</h1> | |
| </div> | |
| </div> | |
| </div> | |
| <!--CND DE JQUERY y otras herramientas necesarias--> | |
| <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> | |
| <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> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment