https://github.com/vanegas-27/sky

https://github.com/vanegas-27/sky

Last synced: 5 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/vanegas-27/sky
• Owner: vanegas-27
• License: mit
• Created: 2023-10-06T02:39:42.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-31T15:57:01.000Z (10 months ago)
• Last Synced: 2024-01-31T17:20:37.832Z (10 months ago)
• Language: HTML
• Size: 4 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# sky

> para ejecutar  el proyecto en local, se debe tener instalado node.js y npm (instalación de NodeJS)

1. Clonar o descargar este repositorio: `git clone https://github.com/vanegas-27/sky.git`

2. Acceder a la carpeta del proyecto: `cd sky`

3.  Instalar las dependencias del proyecto con npm: `npm install`

4.  Ejecutar el servidor de desarrollo: `npm run dev`. El proyecto estará disponible en [http://localhost:8080](http://localhost:8080)

## apuntes de bootstrap

## poder trabajar con columnas o filas

se debe de especificar en el contenedor la clase (row o row-reverse) para que se pueda como

subdividir en 12 horizontal

si se desea trabajar con una columna se le aplica (column o column-reverse) y asi tambien se 

hacen las 12 diviciones pero vertical

# tipo de medidas columnas

-> xs: para celulares "< 576px"

-> sm: para tablet "576px >="

-> md: para laptops "728px >="

-> lg: para monitores "992px >="

-> xl : para monitores " 1200px >="

->xxl: para monitores " 1400px >="

## contenedores predefinidos

-> container: este nos sirve para hacer un contenedor que no alcance a llenar todo el bloque

-> container-fluid: este nos sirve para hacer un contenedor que siempre ocupe el 100% de la pantalla.

## flew-wrap

-> flex-nowrap

-> flex-wrap

-> flex-wrap-reverse

## align items

-> align-items-start

-> align-items-end

-> align-items-center

-> align-items-baseline

-> align-items-stretch

## justify content

-> justify-content-start

-> justify-content-end

-> justify-content-center

-> justify-content-between

-> justify-content-around

-> justify-content-evenly

## img 

-> img-fluid