Bien vamos a continuar.
La mejor forma de empezar a trabajar con vostra es aplicándolo directamente.
Sin embargo también en el sitio de vostra tenemos una gran documentación así que del lado izquierdo
tenemos toda la información necesaria para ver el detalle de cómo trabajar con este framework así que
por ejemplo tenemos los elementos de la Youth y vamos a estar utilizando por ejemplo este tipo de contenedores
para agregar información en nuestra página también existe el concepto de grids que básicamente son las
columnas que podemos agregar a nuestra página HTML y así podemos empezar a revisar cada uno de los elementos
de los cuales se compone vostra una de las características que utiliza Bootstrap son las clases CSS
así que existe infinidad de clases CSS para utilizar dentro de nuestros documentos HTML también otra
característica son las tipografías que podemos utilizar ya si cada uno de los elementos que podemos
empezar a utilizar podemos revisar toda la documentación el uso de imágenes el uso de tablas los componentes
que tenemos disponibles como pueden ser los elementos de alerta
este tipo de iconos que se conoce como batch
los elementos de navegación que se conocen como Brett Broadcom tenemos botones de diferentes colores
de diferentes estilos
botones agrupados tenemos tarjetas.
También vamos a agregar varios de sus tipos elementos a nuestra página
tenemos el elemento de Carrusel
así que todo esto lo vamos a poder utilizar dentro de nuestra aplicación.
Obviamente no vamos a utilizar todos los elementos solamente vamos a utilizar algunos de ellos pero
en esta documentación pueden encontrar todos los elementos de los cuales se compone vostra y los cuales
pueden utilizar también en sus aplicaciones web
botones como este ejemplo también botones de drop down
formularios.
También nosotros vamos a aplicar algunos de estos formularios
elementos para hacer más completo nuestro formulario que se conocen como input Group
también por ejemplo elementos de tipo modal.
También vamos a utilizarlo así que vamos a estar utilizando varias de esas características.
Por ejemplo si damos clic sobre el lonche de moda podemos observar que se despliega un pop modal.
También vamos a estar utilizando dentro de la aplicación barras de navegación pero cualquier detalle
pueden venir a esta documentación para revisar a detalle en qué consiste cada uno de estos elementos
también tenemos la categoría de utilities
y mucho de lo que se va a estar utilizando son los estilos para manejar los espacios
y aquí viene toda la documentación.
Por ejemplo si manejamos la letra P Va a hacer referencia al Padín del elemento que estamos manejando
y posteriormente se puede manejar un ancho de este Padín.
Por ejemplo si manejamos.
P combinado de yé entonces lo que estamos diciendo que va a ser Padín superior e inferior y posteriormente
si agregamos por ejemplo Pelle y lo combinamos con dos entonces entonces se va a utilizar un espacio
de .5 y así podemos combinar el ancho del espacio que deseamos dejar ya sea con un manejamos un margen
o manejemos el padre así que todo esto lo vamos a ir aplicando poco a poco.
Sin embargo aquí pueden observar toda la documentación ejemplos y cómo funciona cada uno de estos elementos
y así pueden revisar cada uno de estos elementos otra página que les recomendamos para empezar a trabajar
con vostra.
En dado caso de que también quieren revisar a más detalle esa tecnología pueden revisar el tutorial
en la página desdobló UT3 Skulls puntocom diagonal vostra 4 ya que es la versión que vamos a estar utilizando.
Y aquí vienen también la mayoría de los elementos que podemos trabajar con vostra
así que también aquí pueden revisar los ejemplos
y una de las ventajas de este tutorial es que viene un botón para que nosotros podamos hacer las pruebas
directamente sobre el navegador.
En este caso viene el botón Detroit yourself.
Así que si damos clic podemos observar en este caso la primera página de vostra.
La ventaja es que ya nos configura directamente cada uno de los links los ceses y los scripts para empezar
a trabajar con vocean y podemos observar en la parte inferior el título de la primera página con vostra
se está agregando un Dib y se están aplicando algunos estilos y se agrega el título.
La primera página con Bushra y posteriormente un párrafo con el texto de que podemos cambiar el ancho
de nuestra página para ver el efecto de vostra.
Así que si cambiamos el ancho de nuestra página tenemos cierta cantidad de columnas y si cambiamos el
ancho podemos observar que se ajustan estas columnas de manera automática así que dependiendo del ancho
en automático Bootstrap va a hacer los ajustes necesarios para que se acomode esta información según
convenga
así que esa es una de las ventajas de utilizar Bohuslav ya que directamente se ajusta al espacio que
tengamos dependiendo del dispositivo en el cual estemos utilizando esta aplicación web y así podemos
ver cada uno de los ejemplos que contiene esta página
y una de las ventajas es que nosotros podemos hacer los cambios que deseemos por ejemplo cambio de texto
damos clic en Blom y podemos observar el cambio de manera inmediata así que esa es una muy buena página
también para aprender Bushra y no solamente buscar sino también otras tecnologías pero en este caso
estamos hablando de Bushra.
Por lo tanto podemos hacer algunas prácticas para que nos familiarizamos con esa tecnología así que
son los dos recursos que le recomendamos tanto la documentación de la página oficial de Bushra Bustio
As.com y algunas docx y también la página de doble UT3 exculpe puntocom diagonal vostra 4 ya que es
la versión que vamos a estar utilizando bien.
Vamos a continuar en el siguiente vídeo ya empezamos a trabajar con nuestra aplicación y agregando varios
elementos de vostra.
Vamos a ir paso a paso y cualquier duda también pueden revisar esta documentación que ya les hemos mostrado.
Para poner a prueba cada uno de los elementos que vamos a estar trabajando bien nos vemos en el siguiente
vídeo.
Saludos.