Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Configuración del Entorno de Desarrollo | Creación de un Sitio Web de Portafolio con Bootstrap
Esenciales de Bootstrap para Sitios Web Modernos

bookConfiguración del Entorno de Desarrollo

1. Crear un nuevo archivo HTML

Comenzar creando un nuevo archivo HTML para tu sitio web de portafolio. Puedes nombrarlo index.html u otro nombre de tu preferencia.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Portfolio</title>
  </head>
  <body></body>
</html>

2. Vincular archivos CSS y JavaScript de Bootstrap

Vincula los archivos CSS y JavaScript de Bootstrap a tu archivo HTML. Puedes utilizar enlaces CDN o descargar los archivos de Bootstrap y vincularlos localmente.

<!-- Bootstrap CSS -->
<link
  href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
  rel="stylesheet"
/>

<!-- Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>

Resultado

index.html

index.html

copy

Nota

Es posible trabajar localmente en la plataforma o utilizar un editor de código como Visual Studio Code, Sublime Text o cualquier otro editor de su preferencia para escribir HTML y CSS.

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 2

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 3.23

bookConfiguración del Entorno de Desarrollo

Desliza para mostrar el menú

1. Crear un nuevo archivo HTML

Comenzar creando un nuevo archivo HTML para tu sitio web de portafolio. Puedes nombrarlo index.html u otro nombre de tu preferencia.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Portfolio</title>
  </head>
  <body></body>
</html>

2. Vincular archivos CSS y JavaScript de Bootstrap

Vincula los archivos CSS y JavaScript de Bootstrap a tu archivo HTML. Puedes utilizar enlaces CDN o descargar los archivos de Bootstrap y vincularlos localmente.

<!-- Bootstrap CSS -->
<link
  href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
  rel="stylesheet"
/>

<!-- Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>

Resultado

index.html

index.html

copy

Nota

Es posible trabajar localmente en la plataforma o utilizar un editor de código como Visual Studio Code, Sublime Text o cualquier otro editor de su preferencia para escribir HTML y CSS.

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 2
some-alt