Nuestro Proyecto: Hola Mundo de Bootstrap

Aquí el update de Bootstrap v5.2 🙋🏻‍♂️

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- CSS only -->
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
    <title>Document</title>
</head>
<body>
    <h1>Test Bootstrap 5.2</h1>
    <!-- JavaScript Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
</body>
</html>

Enrique Garcia Stave

Apuntes:
Para acceder a usar Bootstrap, nos dirigimos a la pagina https://getbootstrap.com/ y podemos descargar la carpeta que contiene toda la usabilidad del framework (HTML, CSS JS) o simplemente podemos agregar los enlaces CDN para su uso.
Enlace de descarga y CDN: https://getbootstrap.com/docs/4.3/getting-started/download/

Jonathan Guidi

Hola gente! Es clave saber y comprender que por más que el curso sea de Bootstrap 4, y hoy en día exista Bootrstrap 5.3.
Este framework css, funciona igual…
Es decir que el sistema de grillas se implementa de la misma forma que en la version 4, existen diferencias en otras cosas como nuevos componentes por parte de la version 5, etc…
A lo que voy, es que de todas formas, aprendes a pesar de ser un curso desactualizado!

JefersonParraM

Bootstrap también se puede descargar por medio de Composer.

T-gold

Hola comunidad!!
interesados en crear un grupo de wsp para consultar todo tipo de cuestiones front end comenten!
Otra consulta
bootstrap es una herramienta vigente?
pregunto porque vi que tiene usos con jquery pero no se mucho sobre este framework

Miguel210

Alguna extencion de Bootstrap para vsCode

Juan Diego Silva Garcia

Pregunta en que casos es bueno usar CDN, Descargar los archivos o utilizar un manejador de paquetes como NPM?

Juan Guillermo Perez Cardozo

para iniciar esta bien llamar la libreria por cdn, luego agregarias los .min necesarios

Joel Vicente Nieto Gómez

Ya esta disponible la versión 4.5 Bootstrap:
https://getbootstrap.com/docs/4.5/getting-started/download/

Juan Manuel Hincapié

Versión 5.3

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
  </head>
  <body>
    <h1>Hello, world!</h1>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
  </body>
</html>

Wilson Marino Pablo Mendez

Actualmente ya esta la versión 4.2

hmogollan

ya de inicio parece facil, haber que tal, me gusta mucho usar css, pero estoy aprendiendo esto para hacer cosas mas rapido!

Darwin Jiménez Hernández

Grande Mangel Rogel!

Blas Rodriguez934

https://getbootstrap.com/docs/4.4/getting-started/introduction/

Deissy Paola Cabezas Mondragón

reto

Rodri Varela

Que viejo es este tutorial por favor!
Esta usando Atom, ni sus creadores lo usan ya.

Ivan Sangueza Alarcon

Bootstrap ya esta en la version 5.2 en Beta de preferencia sigan con la 4.6 que esta por la parte de abajo. Por si se pierden en la nueva landing

Jarrinson Jose Parababi Camargo

hace 3 años

si estas aprendiendo a utilizar bootstra los mas recomendable es utilizar la version que utiliza el profe por que es 4.1 porque si usamos la version 5.0 que es la ultima que versión abría varios inconveniente este seria mi aporte…

Jesus Adrian Berrio Valdes

Aui les dejo la documentacion para usar bootstrap con webpack
https://getbootstrap.com/docs/5.0/getting-started/webpack/

Fernando Galdós

Gran clase

haroll yamid antonio

aparece Bootstrap en la versión 5 es lo mismo?

Naldo Duran

ldlopez

Excelente Observación

Arturo Antonio Flores Reyes

listo ya…! para iniciar…!

Marcelo Javier Pedernera

De diez!!!

Pamela Cinthya Torres Gutiérrez

genial, pensé que seria un poco más difícil utilizar este framework

Alonso Castellanos

De Diego Rivera

gabrielrioscairo

Será la primera vez que aprenderé a usar Bootstrap. Vamos con todo!

Camilo Alexander Velandia Velandia

listo para comenzar

Sergio Díaz Fernández

Interesante!

jesus-gallardo

Recomiendo leer bastante la documentación de Bootstrap durante el transcurso del curso, es bastante sencilla.

cesaraguilareduardoromero

te ahorra bastante cosas

Alexander-Ponce-Castillo

VEAMOS EN QUE APORTA!

Nelson Gonzalez Escalante

Cree sitios rápidos y adaptativos con Bootstrap. Se puede crear y diseñar rápidamente sitios “Responsive” para dispositivos móviles con Bootstrap, el kit de herramientas de código abierto front-end más popular del mundo, que presenta variables y mixins Sass, sistema de cuadrícula sensible, componentes precompilados extensos y complementos potentes de JavaScript.

Christian Andres Moreno Ceballos

Genial

Gonzalo Pimentel

Excelente!

Khali.S

💚

Crhistian Jackson Ovalle Gamba

Excelente curso, muy motivado para continuar ya que debo crear un tema para un sitio construido en Drupal 8(CMS php) y el nuevo template usara Bootstrap 4.

letori

Muy buena practica siempre al usar cualquier herramienta, irnos a su documentación oficial para sacarle el mayo provecho.

Juan Camilo Castillo Camacho

❤️

Jimmy Buriticá Londoño

Excelente introducción con 4 vídeos, ahora si vamos al código.

christian_sc96

Bootstrap facilita la maquetación de sitios web, además de ser compatible con preprocesadores como Less y Saas, nos ofrece las herramientas para que nuestro sitio web se vea bien en toda clase de dispositivos, ahorrándonos así el trabajo de tener que rediseñar un sitio web.😁

Diego Armando Mera Bustos

Fantástico!

Jheyson Eduardo Galvis Valencia

Mi editor de código favorito es visual studio code 😃

Alexander Montalvo

El sitio oficial de Bootstrap lo usaremos como referencia para saber como vamos a usar los componentes, que HTML necesitamos, si necesitamos estilos y JS

Jhonatan David Ibarra Lavado

sigamos 😄

Alexander Garzon

Gracias por el dato del js.

Luis Alejandro Vera Hernandez