Ir al contenido principal

Bootstrap?

 Que es Bootstrap?

Bootstrap es un framework de desarrollo web que ofrece estilos y componentes predefinidos para facilitar la creación de sitios web y aplicaciones responsivas. Es ampliamente utilizado y se destaca por su enfoque en el diseño adaptativo y su sistema de rejilla flexible.

Descarga Bootstrap: Visita el sitio web oficial de Bootstrap (getbootstrap.com) y descarga el framework. Puedes elegir entre la descarga completa o personalizada según tus necesidades. 
Enlaza los archivos CSS y JavaScript: Una vez que hayas descargado Bootstrap, debes enlazar los archivos CSS y JavaScript en tu página HTML. Esto se hace mediante etiquetas <link> para los archivos CSS y <script> para los archivos JavaScript. Asegúrate de enlazar los archivos correctamente, especificando las rutas correctas en tu proyecto. 

Utiliza la estructura de la cuadrícula: Bootstrap utiliza un sistema de rejilla (grid system) que te permite organizar y distribuir los elementos en tu página. Utiliza las clases proporcionadas por Bootstrap, como container, row y las columnas (col-*), para crear una estructura de cuadrícula. 

Agrega componentes y estilos: Bootstrap proporciona una amplia gama de componentes y estilos predefinidos que puedes utilizar en tu proyecto. Puedes agregar botones, formularios, menús desplegables, carruseles y muchos otros elementos utilizando las clases CSS y los componentes de JavaScript proporcionados por Bootstrap.

 Personaliza según tus necesidades: Aunque Bootstrap ofrece estilos y componentes listos para usar, también puedes personalizarlos para adaptarlos a tus necesidades. Puedes modificar los estilos utilizando CSS personalizado o clases adicionales para agregar o sobrescribir estilos.

Familiarizarte con este te va a ser muy util por el tema de la personalizacion


He aca un ejemplo de un codigo HTML con Bootstrap implementado

<!DOCTYPE html>
<html>
<head>
  <title>Ejemplo de Bootstrap</title>
  <!-- Enlaza los archivos CSS de Bootstrap -->
  <link rel="stylesheet" href="ruta/bootstrap.min.css">
</head>
<body>
  
  <div class="container">
    <h1>Ejemplo de Bootstrap</h1>
    <p>¡Hola, mundo!</p>
    
    <button class="btn btn-primary">Botón de Bootstrap</button>
  </div>
  
  <!-- Enlaza el archivo JavaScript de Bootstrap -->
  <script src="ruta/bootstrap.min.js"></script>
</body>
</html>


Etiquetas:

Comentarios

Publicar un comentario

Entradas más populares de este blog

Algoritmos Basicos

 1 . Que es un algoritmo? - Es aquel conjunto de operaciones que permite darles solución a través de un calculo Realizar un algoritmo que haga la multiplicacion de 3 numeros DESCRIPCION:   -  Para realizar un algoritmo básico se debe tener en cuenta  los siguientes pasos : 1.  Asignar un valor a  N1, N2  Y  N3 . 2.  Ejecutar la operación. 3. Asignar el resultado. 4. Mostrar el resultado. OPERACIONES BASICAS PSEINT ¿ Cómo realizar un algoritmo que realice, resta, suma, multiplicación y división ? Descripcion crear un algoritmo propio con 2 variables en pseint y hacer las operaciones de resta,suma,multiplicacion y division.
Publicar un comentario
Leer más

actividades tecnologia

  Que es tecnología?  Objetivos:   Breve historia de las bases de datos  Entender el concepto de base de datos  Entender el concepto de base de datos racional Familiarizarse con el entorno del sistema de gestión de bases de datos Microsoft Access Apropiación y uso de la tecnología  Construyó conocimientos y saberes de base tecnológica e informática para la toma de decisiones en el desarrollo de productos tecnológicos. Utilizo adecuadamente herramientas informáticas. MI PRIMER PROYECTO EN PYTHON  2. Realizar la carga de dos números enteros por teclado y calcular e imprimir su suma y su producto. Tipo de datos Uso Tamaño Texto corto (anteriormente conocido como "Texto") Datos alfanuméricos (nombres, títulos, etc.) Hasta 255 caracteres. Texto largo (anteriormente conocido como "Memo") Grandes cantidades de datos alfanuméricos: oraciones y párrafos. Vea  El tipo de datos Memo ahora se llama "Texto largo"  para obtener más información sobre l...
Publicar un comentario
Leer más

Sistemas ASCII

    NOTA Es un conjunto de símbolos y reglas que permite construir todos los números validos. DECIMAL   El sistema decimal es que utiliza los 10 símbolos los cuales podemos representar cualquier número válido; ejemplo: Se identifica por estar en los primeros 10 numero del 0 hasta el 9. Sistema Binario   Es el que se utiliza en los ordenadores y el resto de los dispositivos. Para llenar la tabla de valores se debe tener en cuenta alinear a la derecha nuca la izquierda. Convertir de decimal a binario Para hacer la conversión de decimal a binario hay que dividir el número decimal entre 2 y anotar en la columna a la derecha el resto es 0 si el resultado de la división es par y 1 si la división es impar. Sistema Octal El sistema octal es igual al decimal pero la diferencia es que empieza, 0,1,2,3,4,5,6,7 y se representa en 8 símbolos, cada dígito octal se representa mediante un número binario de 3 dígitos y su base es 8 y de divide por 8. Conversi...
Publicar un comentario
Leer más