Cómo agregar el framework Bootstrap en tu proyecto web rápido

Cómo agregar el framework Bootstrap en tu proyecto web

Cómo agregar el framework Bootstrap en tu proyecto web rápido

Cómo agregar el framework Bootstrap en tu proyecto web

Veremos como integrar fácilmente el framework Bootstrap en una pagina web, sin descargar nada ya que todo se hará a través de enlaces de peticiones 2019.

Bootstrap es un framework para CSS y JavaScript, creado con el objetivo de facilitar la organización de contenido, la aplicación de estilos y el desarrollo de páginas web adaptables a dispositivos móviles. En este artículo se demostrará como usar Bootstrap en una aplicación web.

Para esto tendremos dos métodos para implementarlo en tu web:

La primera tenemos que entrar a la página misma de Bootstrap y descargar los archivos necesarios (bootstrap.css, Bootstrap.js y el jquery).

Y luego de descargar los archivos procedes a importarlos a tu proyecto con las etiquetas html que sean necesarias

<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.min.js></script>

Otra forma que tenemos y la más conveniente sería el llamado a la misma página de los creadores, el cual se hará un petición a sus servidores para usar los archivos cs y js necesarios, los cuales no estarán almacenados en su página web y aumenten el tamaño de este, como se sabe al estar dentro del proyecto hacen q ocupe un poco de espacio adicional en todo tu proyecto.

Forma de maquetar tu estructura en HTML:

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body>
</html>

Todo estos ejemplos y mas, si deseas extenderlo puedes visitar la pagina oficial del framework que te da pequeños tutoriales de como usar al 100% esta increibre herramienta.

Compártelo...talvez alguién lo necesite!

Whatsapp Messenger Facebook Twitter
ó copia el link

¿Quieres el código fuente del proyecto
Cómo agregar el framework Bootstrap en tu proyecto web rápido?

...por favor suscríbete gratuitamente para descargarlo

SUSCRÍBIRME

Visitado 216 veces | Publicado hace 1 año

Más códigos de programación en BOOTSTRAP.

Ver scripts de BOOTSTRAP

Aprende a crear una app para restaurante en Android con el curso básico de Android completamente gratis

VER EL CURSO DE ANDROID

Programación en BOOTSTRAP

Ejemplos y scripts de programación para tus proyectos

Lo último que estamos programando en el curso: Lector de Códigos QR ANDROID PHP MYSQL

Últimos detalles diseño y prueba de la app Lector Market Alis

Diseño y prueba final del Lector QR

© Todos los derechos reservados | codea.app | Comunidad de programación web y desarrollo de aplicaciones móviles | Perú 2019