El curso completo de la clase magistral de Bootstrap - ¡Construye 4 proyectos!

1. 0 Clase magistral de Bootstrap Video promocional: ¿ Te gustaría construir tus propios sitios web interactivos hermosos usando Bootstrap? Bueno, entonces este curso es para ti. Hola, Mi nombre es Joe Paris, y soy el fundador de la Academia Joe Paris. Ahora estoy sirviendo juntos a más de 100 mil estudiantes únicos. Trabajando con Shazia Kamal, Te llevaremos del principiante absoluto usando bootstrap y te mostraremos cómo construir cuatro proyectos increíbles en el marco. Empezaremos cubriendo todos los conceptos básicos, te mostraremos cómo descargar e instalar el bootstrap para que puedas empezar de inmediato. Después de aprender los conceptos básicos, comenzarás a aprender a construir cuatro proyectos únicos de manera bootstrap. Mostrarte cómo crear un portafolio. Usa fotos profesionales en nuestros proyectos fotográficos. Te mostramos entonces cómo crear un proyecto blawg e incluso un proyecto básico de web de comercio e . Pero eso no es todo lo que ganas al inscribirte en este curso. Creemos que la mejor manera de aprender es haciendo nuestro curso es muy interactivo. Cuenta con más de siete horas más de video tutorial, quizzes y proyectos específicos en cada sección. Entonces, ¿a qué esperas? Esta oferta no durará para siempre. Adelante y haga clic en eso. Toma este curso ahora, botón y te veremos en el curso. Gracias de nuevo por inscribirse. 2. 1 Beneficios de curso: ¡Una introducción a Bootstrap y nuestro curso magistral magistral clase!: Hola a todos. Y bienvenidos al curso completo de masterclass bootstrap, Construye cuatro proyectos. Mi nombre es Joe Paris, y soy el instructor principal aquí en este curso. Pero Shazia Kamal te va a enseñar todo lo que necesitas saber sobre Bootstrap. Y es un desarrollador web experto. Él y yo realmente hemos creado múltiples cursos juntos. Y te va a mostrar cómo usar bootstrap para realzar realmente tus sitios web para construir páginas de aterrizaje y para realmente, ya sabes, si tienes aplicación, quieres que las cosas para hacer tipo de hacer Bootstrap realmente va a ayudarte con eso, y Shah Zee te va a mostrar exactamente cómo hacerlo. Entonces, ¿qué exactamente vas a sacar de este curso? Bueno, bootstrap es un marco HTML CSS y JavaScript. Entonces lo vas a estar si tienes alguna experiencia con HTML, CSS y JavaScript, entonces este curso realmente te va a ayudar tipo de mejorar tu web desarrollando en cierto sentido y además te da unas cuantas herramientas más en el cinturón de herramientas para usar cuando se trata de hacer tu propio sitio web o hacer partes del sitio web y entramos en estas cosas. Cuatro proyectos. El primer proyecto por el que te vamos a llevar es un proyecto de cartera. Esto es genial para los negocios. Si quieres poner tu nombre y conoces todo ese tipo de cosas diferente en un tipo de proyecto de cartera, Shazia te muestra exactamente cómo hacerlo. Tenemos entonces un proyecto fotográfico, y las imágenes son enormes hoy en día cuando se trata de hacer cosas en la Web y mucho más. Por lo que tener imágenes es absolutamente crítico para tu éxito a la hora de desarrollar sitios web, páginas de destino, aps tanto más. Tenemos entonces un proyecto blawg. Entonces si eres blogger o quieres actualizar tu blog o incluso puedes usar algunas de estas cosas para tu propio sitio web si eso te interesa. Tenemos una sección completa aquí sobre cómo usar bootstrap para tu blawg, y luego redondeamos las cosas y terminamos con una parte de comercio electrónico y un comercio electrónico es que es una tienda online. Entonces si te gustaría vender camisetas o pequeñas baratijas o cosas por el estilo, uh, uh, Shazia te muestra cómo usar bootstrap para realmente poder hacer estas cosas increíbles para que tus páginas de aterrizaje de tu sitio web vendan tus productos. Entonces estas son las cosas que vas a aprender en nuestro curso. Y no podemos esperar a enseñarte. Por lo que gracias de nuevo por inscribirse. Si tienes alguna pregunta en cualquier momento, siéntete libre de publicarlas. Y si realmente disfrutaste el curso, también apreciamos de verdad sus críticas positivas y muchas gracias de nuevo por inscribirse, y dejaré que Shazia se lleve las cosas y nos vemos en nuestra próxima conferencia. 3. 2 REN Bootstrap y jQuery CDN (1): Hola a todos. Entonces en este aula se va a aprender eso ¿Cómo se baja el bootstrap y cómo trabajar en ello? Entonces, primer lugar, basta con abrir el sitio web del bootstrap, que es obtener resultado bootstrapped. Ya sabes, tenemos la página web aquí. Se puede ver que bootstrap es el más popular, en realidad el CSS móvil y el marco de Jay para desarrollar responsive en productos host móviles en la web. Entonces, por cierto, aquí se puede ver algo así como características completas un framework y pre procesadores. Usarán el, um, Sassen menos, por cierto. Por lo que sólo voy a dar clic en la descarga. Bootstrap. Pero cuando acabo de hacer clic ahí ahora, estoy en la descarga pagada. Bootstrap actualmente creep compra 3.5. Ten unas cuantas, tiene algunas maneras fáciles de empezar rápidamente. Entonces ahí se puede ver que el botón bootstrap descarga bootstrap, y luego hay un cdn. Por lo que aprendemos a usar el sirio sin descargar. Entonces ahora solo tienes que copiar todas estas líneas. OK, El 1er 1 solo estoy despejando eso. El 1er 1 es la etiqueta link link, lo que significa que tiene el bootstrapped en el archivo CSS. Y este es un archivo bootstrap Js. El ambos presentaron. Tenemos que copiar para ejecutar las botas rap y el archivo medio. El equipo bootstrap que Minda Js es en realidad el equipo opcional. Ahí se puede ver. Bueno, no van a usar esto en el curso, pero solo estoy descargando porque solo están dando un descargado de ti. Entonces sólo tienes que ir a ser archivado. Acabo de abrir. Acabo de guardar la carpeta bootstrap. Y aquí la carpeta bootstrap. Ah, el libro que tienen ahora son los siguientes en realidad son más, que estaban trabajando para Aquí está el archivo. Entonces, en primer lugar, sólo el crear el movimiento básico HD. Um, manera el Centex básico fuera de su equipo, tú y luego la etiqueta de botín. Todas estas cosas son necesarias, ¿sabes? Después sólo tienes que ir a comportarte etiqueta y dentro de los etiquetadores de pelo poner primero la pista del título. Está bien. Y después de la etiqueta del título, soy deprimente. Interino. Ahí está poniendo este archivo aquí. Todos estos archivos, el trato de archivo de longitud, hojas de estilo de relaciones, los archivos tanto fuera de enlace como el turbante en el archivo de script. Ahora, una cosa que esto te aclarará, que no va a funcionar específicamente el guión un pícaro. En realidad, el bootstrap está bien y el equipo está bien. Bueno, solo voy a eliminar a este equipo ahora mismo, porque yo simplemente no creo que eso vaya a usar esto, por cierto. Y lo que es esto es etiqueta rápida. Tiene el bootstrap. Esa ventana sólo significa algún tipo de archivos JavaScript. Pero el problema es que este archivo la Minda jeez requirió el d una consulta que archivo Js. De acuerdo, entonces si solo quieres trabajar con el archivo bootstrap Js, tienes que descargar las botas. Jake cansado. Pero, ¿cuál es la diferencia entre estos archivos y por qué colocaron dos archivos en lugar de uno solo? Porque hay muchas acciones que en realidad pueden suceder en la J Query. Por ejemplo, el Cody en lo plegable y las otras cosas así. Las cosas animadas que sólo pueden pasarse en el bootstrap en la consulta de la cárcel, pero ahora podemos hacer en el bootstrap usando el Coloso Savini las taquerias. Bueno, volvamos con el hermano. Y prensa historia de interés haga clic en el botón más y este tipo de consulta punto com confianza en ahora y ahí va a la página web G rápidamente. De acuerdo, así que para el G, rápido, vamos a dar click en la consulta de la jungla J. De acuerdo, Jake, cansada en la escuela es una llagas realmente interesantes e importantes para desarrollarse en confiar en qué páginas. Por lo que está la dos parte superior de versiones. Se puede ver esa panadería 11 punto X y jiggly a fonics. Yo sólo voy al punto X porque tiene el Es realmente perfecto para mí también. Por cierto, hay dos versiones en el único pastel. A continuación se puede ver la descarga, la producción comprimida, el downer de indagación, la investigación de desarrollo comprimido de la ONU. Apenas estoy dando click en la descarga comprendida producción Jay Query aquí. Ahora bien, esta es la producción jiggly comprimida que en realidad no tiene pasantes, ni saltos de línea ni espacio, No hay espacio extra, en realidad. Pero si solo hago clic en la descarga el descomprimido y desarrollo J rápidamente ahora puedes ver que tiene El espacio es de ladrillos de longitud y en realidad el hermoso Syntex Looking easy, Pero definitivamente no vamos a hacer nada dentro del archivo Jaqui que James, por lo que será perfecto porque no vamos a hacer ninguna acción dentro del archivo. Entonces vamos a copiar esto o lo mejor es justo. Haga clic en la descarga La producción comprendida y este click en guardar Enlace. Al igual que ahora vamos a tomar el archivo que es, ir a la raya dorada llena o aquí esta DJ Consulta 1.11 punto tres puntos Archivo Minda Js Así podemos cocinar en el guardar. La otra cosa es dejarnos bajar. Y ahora puedes ver que usando Jaquilla con un cdn si solo recuerdas que aquí están los sirios fuera del bootstrap, el Max sirio, esa ciudad bootstrap. Y se puede ver eso. De acuerdo, así que aquí en esta clase, nuevo estoy haciendo lo mismo. Sólo estoy copiando este, ¿de acuerdo? El guión etiqueta de las botas envueltas con el sirio aquí. Simplemente estoy copiando esto y pegando ahí, aquí con en términos justo antes de que las botas me envolvieran en los jays. De acuerdo, esto es realmente importante poner el archivo jaquilla antes de que se envuelvan las botas Eso significa que el archivo Js ? Por lo que ahora solo aplicamos el bootstrap por completo. El último tema de aplicar las bootstraps en Europa ayuda es que este este padre no necesario en Manny las cosas son muchas en realidad características del bootstrap, pero en algunas características, estas son realmente importantes. Pero para la mayoría de las características del bootstrap, no necesitamos aplicar las botas para el archivo de panadería y el archivo bootstrap Js. Por cierto, este es el momento de probar que nosotros para abastecer el bootstrap perfectamente bien conocido de esta mecanografía Dave hair Ok, es dentro de los defensores escribiendo Hola o solo estoy poniendo la h una etiqueta y la mano está escribiendo Hola, guardando y solo haciendo doble clic en el archivado indexado o HTML y solo voy a entrar estoy cerrando este archivo cerrando este archivo y cerrando este archivo de este es por el Este es el archivo principal mío. Ahí hay un texto. Hola. puede ver que tiene muchos cambios desde lo simple. Esa es una etiqueta porque no aplicamos ningún tipo de para CSS. Pero las botas envueltas. Pero lo otro es, si solo tipo de colossi A Esta es una forma de trabajar en el bootstrap. Jumbotron guardó eso y ve con el hermano y refresca que ahora de nuevo, está tomando poco tiempo porque sabes que estamos suministrando el bootstrap a través los medios sirios sobre león Ve allí. Ya sabes que puedes ver este gran revoltijo, cortando el pelo justo en la parte posterior de esto. Hola, texto. Ahora esto se llama el Jumbotron, y todo el asunto se llama bootstrap. Por qué esto vino aquí es por el bootstrap. Por lo que espero interesado. El bootstrap. Aprenderemos algunas cosas más. A la siguiente clase. Manténgase atentos y bien. 4. 3 Descargar e instalar Bootstrap (1): Hola a todos. Esta es otra clase fuera de las botas para arriba. Entonces aquí en esta clase, solo te voy a enseñar a descargar realmente el bootstrap en lugar de usar su sirio. ¿ Por qué? Porque sabes que el sirio toma tiempo para abrir un poco la página. Entonces solo estoy descargando directamente el bootstrap. Aquí. Vamos a hacer clic en las botas de descarga para arriba, y luego simplemente en lugar de copiar este bootstrap, ver el final, que en realidad se muestra tarjeta. Vamos a dar click en la descarga. Bootstrap cerró que ahora descargar. Bootstrap. Acabo de hacer clic en el pelo hacia abajo del bootstrap. Ahora puedes ver que el enlace guardar como variable solo quieres guardar. Apenas estoy dando click en el escritorio. Y aquí está la carpeta el Bootstrap, y sólo estoy pegando el archivo Bootstrapped Groupon cinco puntos zip distribuible. Ahora vamos a dar click en la descarga de inicio. Es que se había descargado. Demos click en cerrar. Ahora ya sabes que tenemos que descargar también la consulta J. Algunos con solo hacer clic en el sitio web jaquilla dot com. Y aquí sólo estoy consiguiendo la página web de la ville G Aquarius. Se trata de dos aperturas ahora. Se puede ver esto. ¿ Qué es Jaqui Jaqui? El primer ncdc pequeño. Demos click en la descarga. Jake Weary. Y ahora, en lugar de por copiar su cdn. Como saben, solo estoy dando click directamente en la descarga, la producción comprimida, la indagación. Por lo que solo tienes que hacer click en el mismo Lincoln. Y luego va al bootstrapping aquí. Este lugar, este expediente. De acuerdo, acabamos de colocar DJ rápidamente, y acabamos de descargar el bootstrap también. Entonces solo voy a la carpeta bootstrap. Hay archivo tradicional de índice, y hay un archivo bootstrap. Vamos a dar un click en el extracto. Todo Sip. Haga click en siguiente. No, se está extrayendo. Cierra eso. Y ahí está la carpeta principal. Primero fuera de la isla, incluyendo la carpeta zip. Está bien. Y ahí está la carpeta fuera del bootstrap. Entonces no hagas nada. Tan solo entra de nuevo dentro, y solo copia todos estos o corta el CSF, Jason. Teléfonos. Las tres carpetas. De acuerdo, vamos a cortar esto. Vuelve atrás. Vuelve más atrás. Y aquí donde solo pones tu índice fuego tradicional como este. Coloca los archivos bootstrap, y ahora solo elimina esta carpeta de empatía. Estos archivos son el bootstrap archivado cuando está pasando por las bootstraps aquí dice que podemos ver que las bootstraps aquí dice que significa que significa el Esta es la versión comprimida de la ONU , la 1ª 1 y esta es la principal ified y versión comprimida de las botas Rapid y ver que hay una pequeña diferencia entre estos tamaños. Entonces, por cierto, este es el equipo bootstrap, y las botas son las mismas. Ahora, sólo voy a la carpeta Jays. Ahora se puede ver que los días bootstrap y bootstrap Minda, y aquí hay una carpeta telefónica. Voy a hacer eso este tipo. ¿ Cómo te hace el forint, estos específicos bootstrapped Cliff Aikens encontraron donde tenemos muchos fondos, solo te repartiré. Entonces, por cierto, veamos el nombre del archivo de consulta J aquí. Se puede ver que tiene mucho de nombre grande, un poco grandes nombres de sólo quitar los todos los abrigos extra y sólo deejay Querida Jay . Así que simplemente coge este archivo y pégalo en la carpeta Jays. Ahora sólo tienes que ir al bloc de notas y lo que voy a hacer con realmente quitar estos un script o en lugar de quitar, deja que solo elimine las longitudes, Ok, solo escribe directamente carpeta CSS porque sabes que el CSS Fuller es el pelo es el bootstrap. Por lo que ahora toma carpeta está en la misma ruta del índice tradicional, por lo que CSS slash bootstrap dot CIA dice Guardado eso. Baja y vamos a mover todas las cosas de la J temblando y simplemente teclea Js flash jake willie dot jay's The file, que acabo de pegar dentro de la J s hace un poco. Eliminar de nuevo este código y escribir CSS parpadeó o no para ver evaluar el Js slash boot strap dot Js guardado que Ir al navegador y leyendas proyecto Refresher. Sigues teniendo las mismas cosas. Eso significa que realmente solo aplicaste el bootstrap, la versión descargable de boot trap. Entonces es el momento de cerrar los archivos y todo está bien. Acabamos de aprender algunas cosas más en la siguiente clase, así que mantente atentos y adiós 5. 3.5 primeros móviles: Bienvenidos de nuevo, todos. Entonces aquí. ¿ Por qué? Apenas me encuentro con esta clase porque solo quiero aclararte algo sobre las botas rap sobre el dispositivo quitando el bootstrap, que ¿Cómo enviaría el bootstrap el texto al dispositivo? Porque algunas personas están pidiendo que el bootstrap no sea móvil primero o en realidad, algunos de mis alumnos están preguntando en el curso que simplemente no hice nada cerca producto convertible en un primer tipo móvil. De acuerdo, entonces básicamente, bootstrap es el HTML y CSS más popular y el marco jays para desarrollar responsive en primeros proyectos móviles en la web. Esta es una clave del bootstrap. Exactamente. El bootstrap diseñado para el movimiento para su proyecto. Y pero cómo? Podemos aclarar que nuestro producto es móvil para todavía ir allá. Piensas que si simplemente bajas, entonces puedes ver eso diseñado para todos en todas partes. Parece que todos pueden usar esto con muchos pre procesadores. Pero aquí, un marco, cada dispositivo. Bootstrap, fácil y eficientemente. Habilidades tus sitios web y aplicaciones con una sola base de código, desde alimentos hasta tablet, dos escritorios con consultas de medios CSS. De acuerdo, entonces básicamente, simplemente no necesitamos crear nada ni ningún otro terreno para el cuarto dispositivo móvil para los dispositivos móviles o para las tabletas o para las laptops. Simplemente necesitas codificar el bootstrap. Escoge automáticamente el texto. El medio de consulta específica según el dispositivo. Por ejemplo, si acabas de abrir el proyecto en tu móvil de lo que pelearás, verás que el sitio web se abrirá en el momento del diseño móvil móvil. De acuerdo, En realidad, escogerá la consulta de medios para los teléfonos. Todas las canicas automáticamente. Está bien. Si acaba de abrir su proyecto en la tableta, entonces elegirá la plantilla de tabletas o las tabletas. Consulta de medios. Y si solo lo abres en un PC. Ahora hay otra cosa que qué tipo de PC, tu apertura o la al city? Tu apertura. Se puede abrir el portátil. Se puede abrir el Esquire Top PC. Se puede abrir la pantalla ancha. Entonces me max, es realmente diferente en todo el tipo diferente de para dispositivos. Por eso es automáticamente el móvil. En cuarto lugar, simplemente no necesitamos crear algo, especialmente para el teléfono móvil o para la tableta o para los, ya sabes, diferentes dispositivos básicamente algunos apagado algunos. Los estudiantes están pidiendo esto. Entonces acabo de hacer este video para aclarar que en realidad no necesitamos diseñar bootstrap para los Mobil o para el diferente tipo de cosas. Es automáticamente el responsive Exactamente. Por ejemplo, si solo minimizo este sitio web, el sitio web bootstraps, entonces se puede ver que se está convirtiendo automáticamente. Ahora se puede ver que el pre procesador cualquier D. C. Ahora se puede ver que el menos y evalúa está creciendo automáticamente. De acuerdo, y aquí es ahora automáticamente cuando cambia del dedo del pie del grifo del tamaño de un dispositivo PC. Se puede ver que ahora todos estos tres elementos están en una sola línea. No, si me mudé, haz esto. Ahora puedes ver que se está suspendiendo. Ahora su tamaño se ha ido mawr más grande. Ahora es continuamente Bueno, ese es mi bajo recubrimiento. Por cierto, se puede ver que se mueve perfectamente con la base. Ahora se puede ver que aquí están los alrededor de cinco proyectos, pero ahora todavía son cinco sigue siendo cinco. Pero ahora mismo, ¿dónde están los únicos dos productos del proyecto? Cualquier cosa lo llamará, y si sólo condeno o ahora un solo proyecto? No todavía a proyectar. Entonces tenemos que condenar o bien, bueno, sólo lo dijeron para la plantilla de cuatro. Pero exactamente va en el muy apagado el, ya sabes, el primer tipo móvil. Significa que podemos abrir lo mismo en cualquier tipo de dispositivo, por lo que los chicos se volverán a reunir en el coito el estadio comprador. 6. 4 REN Cómo funciona el boostrap (1): Amo a todo el mundo. Entonces en esta clase, solo te voy a enseñar algunas cosas más sobre el bootstrap. En realidad, apenas estábamos a punto de aprender que cómo funciona bootstrap. Se puede ver que aquí sólo pagamos a clase, y el bootstrap está funcionando aquí. De acuerdo, Así que definitivamente botas. Rebeldes basados en Coloso y todas las clases viene del bootstrap que archivos CSS. De acuerdo, entonces ¿qué hacer mawr para este caso? Solo te estoy enseñando en este apremiante GIS interinos poniendo una mesa aquí, Ok. Por sólo un ejemplo, no estoy solicitando. No te estoy enseñando sobre las mesas en esta clase solo por las botas suministrando rápidamente tablas. Aprendemos profundamente sobre las mesas en los pocos en después de unas próximas clases. Entonces esto es un simple th o el televisor. Lo que sea que aplique TV duplique que aquí. Uno, 23 guardó eso e ir al navegador y refrescar que esta es una tabla sencilla que tiene de 1 a 2 como valor. Y si solo copio este té o y pego ahí la mesa y digo eso y voy al hermano atrás refresco que ahora otra vez. 123 y 123 Ir de nuevo al bloc de notas. Y aquí sólo voy a la etiqueta de la mesa y sólo ponerle un Coliseo y su mesa de cintas . No estoy haciendo ninguna otra cosa desplazando la clase de la tabla aquí en la etiqueta de la tabla y refrescando eso. Ahora se puede ver que tiene un león grande, hermoso y un gran espacio con números. En realidad, estos números son los valores pero tabla bien mantenida, OK, para los más estilos de expresión se enfrenta a teclear, tabla despojada, puedes aplicar cualquier estilo, lo que quieras . Yo solo estoy aplicando, despojado y refrescante que ahora se puede ver que el 1er 1 tiene un hermoso efecto. De acuerdo, el 2do 1 está en blanco. Si solo copio éste, los de barco y pego de nuevo aquí y aquí. Y guarde eso y refresque que podamos ver que ha despojado de líneas es por la clase fuera de las botas para la mesa de mesa despojada. Entonces de esta manera, el bootstrap funciona. Entonces chicos de próxima clase sintiendo algunas cosas más, manténganse atentos y adiós 7. 5 envases de REN (1): Hola. Y bienvenido de nuevo en esta clase, solo te voy a enseñar un poco más. Prácticamente sobre el monstruo bootstrap que sigue va a enseñar sobre el diseño del bootstrap que cómo dibujar el layout básicamente hacia fuera. Entonces para este propósito, solo estoy creando un simple Dave aquí, ¿de acuerdo? Y dentro del Dave sólo voy a bajar. Espere un rato. Hamden bajó y ahí solo estoy creando la otra viviendo aquí en esto, eh, sí. De acuerdo, Bueno, en lugar de este imperativo, solo estoy usando el Hedo. Puedo usar la cabeza de enfermo y luego aquí dentro de la conducta. Solo estoy haciendo algunas cosas más, igual que solo estoy escribiendo cada una. Y entonces esa es otra vez. Y aquí solo estoy poniendo el hey ding guardando eso, yendo a los hombres hermanos antes de irnos, tenemos que abrir el archivo, que es pelo, y solo estoy haciendo doble clic. Y ahora tengo el expediente, el bateo. Pero si solo aplico el ya sabes que si solo aplico la clase de las botas a Son el Jumbotron aquí Jumbotron y guardó eso y ahora refresco eso. Ahora tengo d hermoso odiar, pero lo otro es, si sí fui ahí y presioné sobre teclea la clase y escriba contenedor contenedor. que significa que si no lo hice fresco que ahora se puede ver que eres Jumbotron está en la manera atleta. Está en el contenedor y aquí en el lado izquierdo y derecho. Cuenta con un espacio específico. Por enorme que sea utilizar el equipo receptivo. Bueno, debes declarar que el bootstrap bootstrap, ¿es realmente receptivo? Ahora se puede ver que es totalmente receptiva. No obstante, este es pequeño el lado, ya que se puede ver que sólo va a ser un movimiento por layout, por cierto. Entonces esto es lo que el contenedor puede hacer. Pero si solo usé el contenedor descargado, guardé eso e ir con el hermano otra vez y refrescar que ahora se puede ver que el espacio es muy tinny ahora, ¿por qué? Porque ahora estás usando el fluido contenedor, que en realidad no consigue espacio extra pero nos da la responsivamente fuera a los contenedores de arranque son Son realmente importantes para el bootstrap y usarán el contenedor y el fluido de contrato en el curso completo. Por lo que en la siguiente clase, Nuland, algunas cosas más se mantienen atentos y buenas 8. 6 Sistema de la cuadrícula de REN (1): Hola, todo el mundo siete describe. Solo estamos hablando de degradar sistema tras bootstrap. Por lo que en realidad, bootstrap tiene genial fuera de 12 columnas. Y en realidad se puede colocar toda esa página entre estas 12 columnas y bueno, esto no es necesariamente por lo general las 12 columnas. Puedes usar dos o tres o cinco columnas, lo que necesites, y puedes hacerlas Vaida de acuerdo a tu necesidad. Esto es una sola cosa. Pero, ¿cómo se hace la columna y cuáles son los beneficios que podemos obtener de las estas 12 columnas? Simplemente que no necesitamos preocuparnos realmente por el con el esconder el realmente, el realmente, margen parten y otra cosa, que depende de la dimensión, porque ahí tenemos el sistema de grupos. Entonces, ¿cómo usar ese sistema judicial? Simplemente te pones punta Dave dentro del contenedor. Está bien. El contenedor es el medio y dentro del contenedor. Yo solo estoy escribiendo aquí porque además, sabes que todo lo que solo quieres poner dentro del bootstrap, tenemos que usar la clase para eso. Entonces aquí solo pongo en la clase y luego solo escribo bien, m d ahora solo teclea lo que sea. Genial. Y en realidad, sin embargo, tamaño que quieres? Por ejemplo, yo sólo quería 12. El buen sistema de 12 niveles necesita del 1 al 12. O sobre este tipo. Sexo significa de 1 a 6 aquí. Sólo estoy escribiendo demasiado bien. Y entonces cuál es el significado de eso? Sólo estoy hablando de todo el rojo. Está bien. Por ejemplo, solo estoy presionando interino, poniendo un color aquí. Está alicatado. Vuelve alrededor del color. Y la columna Esta poniendo como azul claro. De acuerdo, solo lo puse como, soplar pelo y luego aquí, um, um, esta tipeando. Hola. Ahora guardó eso. Acude con el hermano y refresca eso. Ahora este es el hola. Ya puedes ver si solo escribo seis. Sólo suponga que si solo escribo seis. Refresca que ahora son los Griggs de seis niveles. OK, Tenía Italia. Seis columnas, y solo estoy duplicando esto. Y ésta tiene dos columnas, y el color de fondo es como el verde. El gran sistema es realmente fácil de entender este enfoque que ahora se puede ver que estas son seis columnas y estas son sólo dos columnas. Y ahora tenemos antes columna dejó el duplicado que y fue sólo tipo cuatro pelo y dejar que este tipo el arreglo o cualquier color. Lo que prefieras que es un fresco que ahora se ha cubierto la santa pantalla. Si solo escribo cinco aquí. Ah, así que sobre eso, estos son los cuatro reales. Y refresca que ahora este es perfecto. Ahora, si solo escribo los cinco aquí y guardo eso de nuevo y refresco que ahora se puede ver que es imposible poner las 13 columnas en una sola línea. Es por eso que las cinco columnas Who están ahí porque toda la columna de cinco está en el solo día. Entonces este es el gran sistema fuera del bootstrap debilitar tipo cinco años el minuto que 55 anti, lo que significa que el 12 refrescado que ahora acabamos de collar el problema al agregar sólo 12 columnas en una sola roca. Definitivamente tiene una cruda también, así que puedo agregar la fecha aquí para las colas crudas desiguales a crudas. Nada más que hacer aquí y presionemos y pongamos todas las columnas aquí dentro de la roca y por qué este Ben es eficiente para usar el crudo. Sólo te estoy guiando de nuevo, esta cruelmente creando otra clase de muerte y mecanografía cruda. Está bien. Y sólo hay realmente copiando sólo a uno, no al todo. Sí, solo estoy pegando este ahorro y yendo al hermano y refrescante. Ahora todas las cosas está diciendo, puedes ver eso, pero si solo copio el último y en lugar de enfrentarme al interior de la Roma sólo degustando esto fuera de la cruda y ahorrando y refrescante Ahora puedes ver que el siguiente hola no está en el crudo. En realidad, esto es después del elemento. Y ahora, al usar el mal, se puede ver que en realidad sólo sanó el espacio extra fuera del fluido, el continuo se ralentizó. De acuerdo, ahora sigue siendo en realidad no va tras el contenedor. Se puede ver que tiene un espacio si solo uso el país en un tema de beneficio el país descargo ahora debido a que las rocas en realidad estaban cubriendo todo el espacio, pero no rompiendo por la forma en que está fuera de Vera. Así es. Tenía aún teniendo el espacio extra. Pero ahora estos elementos teniendo el espacio extra pero en realidad dentro de lo crudo y en realidad dentro de la columna. Entonces espero que realmente te hayas parado sobre las varillas y las columnas. Pero una cosa donde solo quiero aclararte que hay múltiples tipos de las columnas. Por ejemplo, solo te estoy guiando de esta manera. De acuerdo, entonces aquí podemos usar el S m o el X s f m d l z lg Entonces, ¿cuál es la diferencia entre los Xs s m m d n l g s excesos para los dispositivos extra pequeños como el tonto móvil o algo móvil? Está bien, Bs. Y para los dispositivos pequeños, como las pestañas y los iPads o lo que sea el tamaño mediano para los monitores. Monitor general Canal ciudad para laptops y PCs. Tan medio bien. Y lo extraordinario grande es en realidad para igual que el yo Mac y ese tipo de dispositivos para que puedan usar cualquiera de ellos si de acuerdo a sobrenecesidad. Pero solo estoy usando el medio porque el medio es adecuado para todo tipo de dispositivos. Podemos usar un medio para dispositivos pequeños para dispositivos móviles para dispositivos grandes. Entonces simplemente no nos cambien esto vacío y, bueno, contienen su opinión. En efecto, aparador, No te dará el resultado del cambio, estará diciendo, pero en realidad el medio es para todos los dispositivos. Por lo que mover lo mejor es medio para trabajar. Por lo que espero en la celebración sobre el gran sistema aprendamos apoyando la próxima última estancia atentos y adiós. 9. 7 estilos de texto (1): hola y bienvenidos de nuevo. Entonces en esta clase y te va a enseñar algunas cosas más, en realidad sólo estaban hablando de los estilos de texto. Entonces para este propósito, en realidad estoy copiando esto todo indexado, racional y pegando ahí y simplemente escribiendo el viejo culo Jamiel y guardando eso. Pero una cosa se convierte en hacer aquí, solo estoy moviendo el bootstrap Ling's de la vieja estima enferma. Y aquí estoy, esta tipeando en lugar de la aprendida bootstrap, muestra ocho Kamal en la corporación de Joe parries y simplemente escribiendo el viejo HTML. De acuerdo, aquí debería ser lo mismo. No tiene problema. Entonces, ¿qué voy a hacer aquí en el viejo HTML? Yo solo estoy en realidad, En primer lugar, solo soy tipo bang, agregando un diablo en lugar de decidir que desarrolle esta mecanografía etch uno. Y aquí estoy justo dentro de un niño. Sólo estoy escribiendo odiando. Estoy duplicando esto en esto debería ser 234 Um, esto debería ser demasiado cinco. De acuerdo, entonces esto son cinco. Esto es para esto son tres. Ahora son seis. Guarda eso y legis simplemente copiar esto Se busca allí. Guarda eso. Ve con el hermano o antes de que se vaya con el hermano. Basta con abrir el bootstrap y abrir éste, que es. En realidad, ya están refrescados esa. Está bien. Y baja y solo haz doble clic. Y esto abrió la vieja célula A direccional. Entonces este es el bootstrap, y este es el azulejo más antiguo. Se puede ver que hay mucha diferencia entre los dos archivos, que sólo quiero mostrarles. El segundo es que esto debería ser a las seis. OK, di eso. Y son que deberían estar a las seis. Porque después de aclarar el todo en fresco, ese y ese se puede ver que hay poca diferencia entre los archivos del barco. Pero lo otro es apremiante. Entra y añade un abrigo negro. Este es otro tak confiado del extremo. Los cinco simples realmente conocerán el activo en cinco. Pero aquí, dentro de la cancha negra. ¿ Qué? Yo sólo voy a apretar la cuadra. Área de cabra guardó eso y co p pegado en el archivo tractable índice. Aquí. Ahora guarda y ve con el hermano otra vez. Refresca esa. Este es un abrigo negro y refresca ese. Esto es sencillo, pero aquí se puede ver que Aquí hay una pequeña línea de grúa blanca Schlein gris aquí. Se puede ver que a esto se le llama el abrigo negro fuera del bootstrap. Y este es un código de barras general. Entonces espero que hayas entendido la diferencia entre los dos. Ahora, la otra cosa es, tenemos el interesante cierre. El bootstrap para el Blackwood está agregando las garras y simplemente escribiendo suerte. Cotización revertir cómo debe ser esta tala s. ya sabes, guarde eso, ve con el hermano y refresca eso. Se puede ver que el abrigo negro en realidad está empezando desde la derecha y terminando hacia la derecha . Entonces esta es la nueva cosa del abrigo negro, que en realidad no está en lo general sobre el establo A básico. Entonces una cosa donde esta claramente que cuando usas el bootstrap, debes aclarar que solo estás escribiendo el que estás usando la versión de estimación cinco. Ahora lo fresco que no está cambiando. Pero cuando vas más profundo en el bootstrap, tienes tow paste el tipo oscuro, porque esto es realmente necesario. El otro es, que en realidad solo está en el bootstrap es cuando solo voy al bateo y dentro del bateo. Sólo estoy usando la pequeña etiqueta. Y aquí estoy, esta cabeza mecanográfica salvó eso e ir con el hermano y refrescar eso. Ahora se puede ver que el color grisáceo odia a uno que en realidad es igual al subtítulo del bateo. Entonces esto es un bootstrap. Pero si solo copio esto y pego esto en el viejo nimule de ceniza Así que guarda eso y ve con el hermano y refresca esa vez de nada nuevo aquí Esto es lo mismo. En realidad, en el viejo Oshima el H ha sido solapado. El pequeño y pequeño no es nada aquí pero aquí podemos ver que el texto de esta pequeña pero con el gran color Estas son las botas, ¿ verdad? Entonces ahora después del abrigo negro, sólo estoy escribiendo entendiendo el ataque A B B r, que en realidad es sólo para la abreviatura de cualquier texto. Yo sólo estoy en realidad, Pero antes de la a b b r sólo estoy escribiendo etiqueta p. Está bien. Y aquí estoy descendiendo la etiqueta p y antes de que el bebé esté hablando sólo escribiendo el tú y es o la u. N. Conecta el mundo entre sí. Sea lo que sea que escriba, esto no es necesario. Pero aquí. Solo estoy cortando la U. N y pegando esto dentro de la cerveza Eva porque solo quiero la abreviatura de la U. N. Así que solo estoy escribiendo título y solo escribiendo United Nations guardando eso y disco envolviendo este texto y pegando la vieja h nos mandó un correo electrónico después del abrigo negro, guardando de nuevo y refrescante ahí. Ahora se puede ver que cuando acabo de colocar el ratón sobre la U. N que se puede ver que las Naciones Unidas Esta es una vía general, pero sólo voy aquí y refrescante. Ahora se puede ver que hay tirado en el abajo en la U. N de la U. N. Pero entonces acabo de cubrir el mes que estoy recibiendo el texto, pero no en el texto. Obtener el título es la parte inferior del cursor con un signo de interrogación. Está bien, pero no hay ninguna regla cuando sólo espero el ratón en el texto. O se puede ver que la Organización de las Naciones Unidas se coloca en el texto, que en realidad no es el buen camino sino el desgarro. En realidad está colocando la parte inferior del texto, lo cual es perfecto. Bueno, sólo estoy presionando en ella otra vez. ¿ Y por qué no? Simplemente agrego el tipo oscuro extremo significa la versión html cinco. Oigan, ojos, porque activa en cinco minutos mesa son en realidad lo simple. Bueno, cuando hablamos del bootstrap, en realidad, solo quiero usar la etiqueta mark, que es nueva en html, Extremo de cinco elementos. Entonces solo estoy escribiendo aquí. Esta es la marca. Guarda eso y copia eso. Coloque esto en el índice tradicional, que en realidad es la versión bootstrap. Entonces, en primer lugar, refrescar lo viejo realmente se mueven. Entonces este es el color amarillo, que se llama la etiqueta más. Pero aquí, cuando es un fresco que este no es el color amarillo, esto es igual que el color amarillo blanco o el color cremoso, que en realidad es el ah, bootstrap rusian fuera de la misma tecnología. Bueno, hay algo más en el bootstrap y específicamente en los estilos de texto del bootstrap. Hablaremos en la siguiente clase. Mantente atentos y adiós 10. 8 Más sobre los estilos de texto (1): hola y bienvenidos de nuevo. Entonces en esta clase simplemente estábamos hablando de los más estilos de textura en el bootstrap. Lo que sea. Basta con poner la etiqueta de trato la etiqueta de detalle y dentro del detalle como el odiar fuera el detalle de esta mecanografía D T. Y está cubriendo eso. Y entre estas etiquetas en este periódico de noticias de mecanografía, puedo escribir cualquier cosa, lo que quiera. Entonces el periódico y aquí apremiante interés está poniendo d d cubriendo eso. Y aquí sólo estoy escribiendo el periódico de noticias puede tener algunas noticias interesantes. Lo que sea que solo quieras escribir, puedes escribir ahí, y lo siguiente es presionar una línea. Gregan tipo DT otra vez. Y dentro de este DT el Internet, Internet Crescent corre tipo DD otra vez y luego simplemente golpeando de nuevo. Y ahí, entre ellos, este tipo el Internet es las mayores llagas para conseguir exes en miles de información, lo que sea que quieras escribir información. Entonces ahora simplemente, solo estoy copiando este trato y pegando esto aquí en lo viejo que realmente se mueven pegando ahí e yendo a la carpeta aquí y simplemente abriendo el índice de quimio allá. Y luego de nuevo, la correa de arranque en los datos antiguos. Steve Oh, esta es la vieja manera. Se puede ver que el periódico, el periódico, algo. Pero lo que es una nueva forma está aquí en realidad. ¿ Ahora qué? Yo sólo refresco que ahora se puede ver que el periódico es audaz y el texto en la parte inferior del periódico es sencillo, pero no tiene espacio extra, como se puede ver eso aquí. De acuerdo, entonces este es un estilo específico. Pero si solo quieres agregar algunos espacios, solo pon un guión dentro de su rostro para que esto pueda ser en confiar su estilo. Guardado eso y refiere que No. Oh, no estoy consiguiendo nada. Oh, sólo se lo puse esta cosa a la vieja hija. Vapor. Bueno, yo sólo quiero poner este pelo Guarda eso y Rufus que cuida. Ahora se puede ver que esto es más interesante es estilo. Bueno, la otra cosa es solo voy ahí en el trato y solo Kloss y las clases tratan horizontal. Esta es una clase interesante fuera del trato tan refrescado que ahora se puede ver que en realidad tiene algo de espacio extra antes de eso. Y ahora se puede ver que todo el asunto está de la manera horizontal. El otro es el pre tag. El tag realmente interesante. Qué fin te va a enseñar esto después del trato de repartidor Etiquetar el pre Vale, si ya sabías de la etiqueta Pru, que es absolutamente la etiqueta de Komen extremo, que en realidad puede mostrar tu texto en tu camino. El problema es que generalmente estimar solo evita los espacios en blanco extra y saltos de línea extra . Pero al usar la etiqueta b r P r E, puede agregar líneas adicionales, espacios, espacios, saltos de línea extra y espacios con razón. Lo que quieras. Por ejemplo, este es un párrafo de espacio largo. Lo que quieras, un tipo que puedas. No hay ninguna restricción en esto. Ahora estoy presionando, entrar y agregando algunas pestañas, y luego la nueva línea ha hecho bien. Ahora guarde eso y vaya al navegador. Y refresca eso. Se puede ver que ese texto está de la manera en que se desea que los espacios en realidad OK encendido con los saltos de línea reales y los espacios en blanco. Pero si simplemente copio este y pego en el viejo HTML, así que en realidad se siente mantenido su ah regla de lucha vibrar, saltos de línea y espacios en blanco. Pero ahora aquí se puede ver que no hay un específico su efecto alrededor de esta pre etiqueta. Esta es la versión bootstrap. Bueno, hay algunas cosas más sobre el texto es igual que si acabara de tener la etiqueta p aquí. Bueno, ya no necesito trabajar en la vieja estimación, porque hay algo que ya sabías. Y en realidad, ahora el juego es sólo para las clases. Entonces nosotros cuando simplemente no estamos hablando del texto, Así que no necesitamos lo viejo realmente sobre etiquetas. Entonces no necesitas el viejo ese último correo electrónico. Entonces aquí solo estoy escribiendo. Este es el Peyrard, tu sencillo párrafo. Guarda eso. Acude con el hermano y refresca eso. Ahora bien, este es definitivamente el simple párrafo. Pero si solo coloco un pelo de clase y en esta cláusula, solo estoy escribiendo texto succes guardar e ir al hermano y refrescar que Ahora se puede ver que tiene un poco de color verde, que es perfecto ahora, ir allá y duplicando éste varias veces. Y aquí este no debería ser el éxito aquí. Sólo estoy escribiendo peligro. ¿ De acuerdo? Hay mucho equipos fuera en colores. Refresca eso. El peligro significa el color rojo. Está bien. Usaremos el peligro. El chupa dice la info y mucho fuera de diferentes equipos fuera del bootstrap de múltiples maneras, Estos son los simplemente colores. Está bien, tan fresco que otra vez. Y ahora el en gripe es un poco uno azul. Y aquí sólo estoy escribiendo primaria Di eso y refresco que Ahora las primarias se encienden de azul y la en realidad la info es un pequeño golpe oscuro. Replica eso de nuevo aquí. Sólo estoy escribiendo, silenciado, mutado Al igual que el gran color. No, como puedes ver, que vuelvan a conseguir eso. Y aquí estoy, quitando la advertencia de mutación y mecanografía. Este es otro color interesante cuando se refresca que ahora se puede ver que la advertencia está ahí que en realidad es igual que la herramienta marrón. Bueno, sólo aplica el fondo Roseville. Puedo aplicar los antecedentes en los nuevos, pero sólo estoy aplicando aquí. El sexo b g está bien. El sexo Bee Gees es una clase del fondo sobre una fresca que ahora se puede ver que diariamente el trasfondo del éxito de BG Bueno, esto no es necesario aplicar el éxito sobre el éxito. Puedo cambiarlo a info. Lo que yo prefiera. Guarda eso y refresca eso. Ahora se puede ver que el verde sobre el azul. Pero esto no está mirando. No perfecto es porque deberíamos tener, como lo mismo en el mismo. Entonces por cierto, aquí el peligro BG Di eso y refresca eso. De acuerdo, ahora aquí estoy aplicando otra. Bueno, esto no es necesariamente por el texto también. Sólo podemos trabajar en BG o sólo en el texto, por cierto. Tan refrescado que atrás mirando mismo yendo allá y presionando el espacio y escribiendo BG primaria y luego yendo allá y aquí. Bueno, no hay ningún efecto para los silenciados en las comunidades de fondo sólo para el texto, así que podemos escribir b g silenciado o lo que sea. Pero ahí está la cosa para la advertencia de texto a la advertencia de Bt. Vamos a refrescar eso. Ahora puedes ver que son el color primario. Vale, Ahora puedes ver que cuando se suministra, el color primario el color base es automáticamente o en realidad el color del teléfono se va automáticamente a blanco porque es imposible mostrar el color oscuro en la oscuridad fondo. Entonces la palabra presidente, el bootstrap sabe mejor. Lo siento, solo estoy mezclando al presidente mundial Bootstrap varias veces, por cierto. Entonces este es el efecto de advertencia. Espero que hayas entendido todo el y que en el último algunas cosas, algunas cosas interesantes que debes saber sobre el bootstrap y el texto es teselas. Si yo sólo dijera el colapso fuera de plomo, vamos a revisar. ¿ Qué es aquí? Yo sólo estoy escribiendo en la delantera. El nuevo pera. De acuerdo, Ahora guarde eso. Acude al hermano y refresca eso usando el párrafo principal. Este es un párrafo principal. Eso se puede ver. Y si solo escribo el en lugar de plomo, solo escribo pequeño, guardo y voy con el hermano y refresco. Ahora bien, esta es una pera pequeña. Lo que sea. Lo siguiente es simplemente estoy duplicando esta otra vez. Y sólo cambiar esta es una clase pequeña y aplicar texto, ¿no? De acuerdo, Ahora refresca eso. Ahora el texto está del lado derecho porque yo para suministrar el texto. ¿ Verdad? Entonces definitivamente no necesitas usar el texto, la decoración o el texto alinear, centro o derecho es directamente escribir texto, ¿ verdad? O el centro de texto. Todo el enviado un texto a la izquierda cayó. Definitivamente. No necesitamos tomar el texto a la izquierda porque este es el valor predeterminado. Se trata de un texto que queda. Este es el centro de texto. Y esto es un texto, ¿verdad? Bueno, el siguiente es texto mayúscula. Y refresca eso. Se puede ver que el nuevo Para está en mayúsculas, que es su utilidad Carta Normal. Si tan sólo replico eso ahora aquí. Sólo estoy escribiendo minúsculas. Guarda eso y refresca. Ahora se puede ver que el té es T mayúscula y N p es capital aquí. Pero aquí todos son realmente pequeños. Entonces espero que estés parado sobre eso también. Y en la siguiente clase, aprenderemos algunas cosas más, así que mantente atentos y adiós. 11. 9 tablas de Bootstrap (1): Hola y bienvenidos de nuevo. Por lo que en esta contenta se trata de aprender sobre las tablas bootstraps. Las mesas son realmente simples como al igual que el extremo. Ah, pero si solo agregas el colapso del bootstrap, entonces se convertirán en algo realmente confiado. Entonces todas las cosas que no hacemos es un simple movimiento en realidad. Y ahí esta la zona de odio fuera de la mesa, la cabeza T y dentro del odio t. Yo solo estoy creando algunos TD's y dentro de cada TV lo que estoy haciendo es esto el s consiguió Eno duplicar eso. Y aquí este es el nombre y ahí debe ser la abeja. Está bien. Y aquí no pagó lo que quieras teclear, puedes teclear ahí y luego solo voy bajando y justo en realidad Oh, no entres dentro del calor. En realidad había creado t cuerpo justo después del Haight, igual que lo estoy haciendo y luego simplemente ve dentro del botín de té y ahí solo crea el té o y dentro del té, o simplemente crea los TD's, lo cual es realmente importante. Este debería ser el uno y éste debería ser nombre, que solo estoy escribiendo June, Cualquiera que sea tu nombre en un tipo y el pagado 500 el no pagado 200 solo por mostrarte. No es cuestión de lo que solo estoy escribiendo en las celdas. Dejemos simplemente duplicar todos esos valores dos y tres. No voy a cambiar ninguna otra cosa porque sólo quiero conseguir el resultado. Entonces, solo cancelemos la vieja y refresquemos esa. Entonces esta es la mesa, pero es que no tiene nada nuevo, solo simple común. Pero cuando acabo de ir a la etiqueta de la mesa y sólo pongo el brillo y están dentro del Coliseo , esta mesa de mecanografía ahora guardó eso e ir con el hermano. El dato fresco. Se puede ver que la tabla se ha establecido ID como la tabla bootstraps. Y luego si solo presiono en el espacio y escribo tabla porque hay muchas formas de crear una tabla en lugar de simplemente presionar un espacio, simplemente estoy copiando esta tabla y pegando después de la tabla anterior. Ahora se puede ver que este es un nuevo estable, por lo que la clase de mesa debe colocarse aquí y luego simplemente tomar mesa. Está despojado, lo que sea donde quieras. Cuando acabo de escribir tabla despojado. Ahora ve con el hermano y ahí solo estoy refrescando este. Ahora se puede ver que esta es su clase de viaje la cual en realidad está perfectamente educada ahora, yendo allí de nuevo. 01 cosa más. Yo sólo quiero aclararles que éste no debe ser el TD. Ese debería ser el borde T. Entonces solo estoy en lo correcto desafiando esto la virgen TSH TSH a aún y la última tiene bien, la siguiente tiene el mismo problema. Entonces th th th esto no es una gran cosa para nadie, pero me olvidé de teclear primero el th. Es por eso que solo estoy viendo que el resultado de la misma Ahora si solo refresco que ahora se puede ver que el th es poco audaz, perfecto. Bueno, hay otra forma de crear la mejor mesa. Simplemente copie la anterior y pegue justo después de esa mesa aquí y vaya a las mesas colas y retire la mesa se despoja dedo del pie condensado guardar. Creo que solo estoy poniendo la ortografía equivocada. Vamos a probar esto fresco que ahora. Sí. Acabo de ponerle la ortografía perfecta. En realidad, lo condensado significa realmente eliminar espacio extra, espacio extra alrededor del elemento que sale y emerge en, que se llama el condensado. El cuadro se condensó de nuevo. Deja que simplemente pegue la mesa de nuevo, y es de estos tropezó lo que destruyó Howard guardar e ir al navegador y refrescar ese. Ahora lo que es el Sin embargo es lo mismo, al igual que el top. Pero entonces simplemente pasé el mouse sobre el elemento sobre el elemento. Ahora puedes ver que está flotando y mostrándonos el estatus de Howard. Bueno, sólo repliquemos la anterior otra vez. Y aquí esto no debería ser el despojado o por muy bien, puedo teclear bordeado, Ok, bordeado. Guarda eso y refresca esa. Ahora te das que tiene el efecto fronterizo. Perfecto. Pero si solo quieres aquí las fronteras con el efecto hover también, así que ve a la parte superior. Y entonces esta es una clase sencilla. Tú, Si simplemente no puedes trabajar con las clases, entonces puedes Puedes entender lo que yo solo estoy haciendo. Apenas poniendo dos o tres clases. Refresca esa. Ahora esto tiene las fronteras. Este el segundo último. Y también es que tiene el efecto flotante. OK, ahora se ve mucho mejor que el anterior. Por lo que espero interesado por las mesas, Algo más. Yo solo quiero aclararte que si solo quieres ir ahí y en realidad para los top t son quieres tener, como, último peligro que has aprendido de eso. peligro es el color rojo info es ligero bajo y ahora se puede ver que este es el color correcto . Vale, Ahora aquí garras en su totalidad salvaron eso y refrescaron eso, en realidad, ¿ Y quién no tiene efecto aquí? Y hay una razón por la que la info se ha aplicado en el TSH y el TR off este th ya tiene el peligro colosal. Cortar eso y pegarlo al TR el otro tr y dejar simplemente probar esto en el navegador. Así que refresca esa. Ahora se puede ver que el segundo número de Joan tiene el color azul, la info, y yo sólo voy para allá ahora. Solo estoy aplicando el efecto en un TD. Puedo aplicar el efecto en la ville de TDs. Entonces lo que sólo voy a hacer es advertir, guardar y refrescar. Ahora, el efecto de advertencia está sólo en un solo televisor. Pero si pudiera suplir algún efecto en el TR para que se superponga este colosal? Bueno, solo voy ahí y solo, uh, uh, poniendo otra legis primaria de Kloss. Comprueba esto en el navegador. Refresca eso. Ahora, ¿dónde está el efecto primario que estoy obteniendo? Um creo que solo, uh Bueno, hice un pequeño error aquí. Esto no debería ser lo primario aquí. Debería tomar el activo, En realidad, primaria es y nada en tablas. Refresca eso. Ahora aquí, este es el colapso activo. Se puede ver. Um, en el on the Joan si solo escribo en lugar de John. Alicia, mi nombre refrescó ese. Ahora podemos ver que el espectáculo tiene el color grisáceo. Este es el efecto activo fuera de la mesa. Bueno, primaria no está en la mesa, así que espero Andrew se paró todo sobre las mesas. Una cosa Mawr, si solo escribo porque solo te estoy tratando todo el asunto. Entonces, ¿por qué no? Acabo de poner otra cláusula de los últimos, que en realidad es el éxito. Entonces guarden eso y refresquen que ahora los éxitos ahí. Entonces estos son toda la clase está fuera de la mesa. No, la clase se puede aplicar aquí, pero puedes hacer tus propias clases en Ville. Por lo que espero que realmente se puso en pie. Todas las cosas de las tablas en el bootstrap aprendimos algo más. En la siguiente clase mantente atentos y adiós. 12. 10 imágenes de Bootstrap (1): Hola y bienvenidos de nuevo. Entonces en esta clase, solo estoy haciendo algunas cosas más. En primer lugar, solo estoy creando una imagen. Bueno, no crear solo agregar una imagen a la página web. Entonces la fuente de las imágenes en mayors slash I'm Do you want que J p. T. Así que la carpeta de imágenes está ahí en el bootstrap. Ahora aquí. Esta es una carpeta importante, y esta es la imaginería I m g, que yo proveí. Entonces ve con el hermano otra vez, o el bloc de notas otra vez y guardó eso y ve al navegador y refresca ese. Esta es la imagen en tamaño completo. Está bien, Perfecto. Pero lo otro es, se puede ver que simplemente cruza el contenedor también. Pero si solo aplico la clase del bootstrap Ven, Neil salvó eso. Y refresca eso de nuevo. Ahora se puede ver que sigue en la misma posición. que significa que también tengo que aplicar el vid fuera de la imagen. Entonces con y dos o 300 PX. Di eso y refresca eso. Ahora la imagen es muy pequeña. Eso ya se puede ver. De lo que hizo la miniatura se puede ver si acabo de quitar la miniatura. Solo estoy mostrando sin la miniatura fresca que ahora se puede ver la imagen es en un poco tamaño completo. Pero cuando se suministre la miniatura aquí, refresca eso. Ahora se puede ver que aquí se puede ver un borde alrededor de la imagen. Entonces el borde redondeado ¿es la miniatura? Entonces ahora si solo voy al bloc de notas y simplemente duplico esta imagen y ahora refresco esa . Ahora hay dos imágenes. Entonces por ahora, en lugar de la miniatura, estoy aplicando el círculo I m g. Guarda eso y refresca esa. Ahora se puede ver que esta imagen tiene un hermoso círculo a su alrededor. A esto se le llama el yo soy sólo círculo. Entonces puedo aplicar ahí el i N g. algún clavo guardó eso y refrescar ese. Ahora, esta es la nueva versión one del volcado Neo con el mismo efecto Aproximadamente Bueno, esta es la versión correcta fuera de la miniatura. Esta no es para las imágenes. Entonces en este momento solo estoy relacionando el 1er 1 y jugar consiguiendo este y aprenderemos algunas cosas más en el próximo último así que declarando y adiós 13. 11 botones de Bootstrap: Hola y bienvenidos de nuevo. Entonces en esta clase, solo te voy a enseñar sobre los botones. Los botones pueden ser muchos estilos. De acuerdo, solo te estoy mostrando botón. Está bien. Este es un botón sencillo. Solo estoy escribiendo algo como click o simplemente correcto. Si yo el texto, me recojo, guarde y vaya con el hermano y refresque ese. Ahora, este es el botón, que es el click may. Pero estas no son las botas para una característica. Si solo aplico la clase del bootstrap aquí y solo tipo b TN obediente en realidad está claro que está a punto de hablar. Ah, pero ahora este es el botón fuera del bootstrap, pero sin ningún efecto. Si solo agrego otro tipo de espaciado belleza por defecto, guarde eso. Acude con el hermano y refresca eso. Ahora este es el BD in to fall effect off the bootstrap. Se puede ver eso bien, en lugar de esto, si solo escribo primario, guardo eso y refresco eso ahora, este es un efecto primario del bootstrap, pero duplicación y luego en pleno efecto, que quieras puedes postularte. Refresca esa. Y este es el info duplicado, duplicado y aquí. Yo sólo estoy escribiendo éxito en esto debería ser devore Ning guardó eso e ir al hermano y refrescar que Ahora esto es un éxito y esto es una advertencia. Todos ellos están buscando ¿De verdad? Pero hay algunos. O si solo duplico esa y solo escribo link este es otro nuevo efecto. Guarda eso y refresca eso. Ahora el botón simplemente se ve como el enlace. Es por ello que esta llamada clase de enlace y luego la última es el peligro. Ya sabes, sobre el peligro el color rojo refrescó que ahora esta es una clase peligrosa. Bueno, después de eso, la otra cosa es el tamaño. Si solo aplico BD en lg ahí, guarde eso y refresque Ahora el botón se ve como un poco grande porque tiene la clase de algas. Voy allá y pongo el BD en MD MD es el tamaño normal por lo que no encontraremos nada nuevo. Pero si solo aplicé el BD en s m y guardo eso e ir al hermano y refrescar que ahora el sm está realmente terminado en pequeño Y el medio es en realidad si solo recuerdas que me quedé contigo que el medio es un tamaño común, pero hay otra oportunidad de poner el Bt n ex Troy pequeño. El exceso tan refrescó que otra vez. Y ahora esta es la ciencia extra pequeña. Y ahora todos estos son los botones. Específicos. Bueno, esto es lo que todas las cosas son realmente simples. Pero si solo me quito el SM o cualquier otra cosa, entonces si solo aplico el BD y el bloque, entonces ¿qué es DBT y block? Entonces ve con el hermano y refresca que ahora el bloque está realmente cubre toda la zona, y sólo depende del padre, David el padre, Davies, un país y fluido que en realidad cubre toda la pantalla. Por eso sólo está cubriendo toda la pantalla. Bueno, hay algunas más ventosas en el botón. Duplica esa otra vez. Y para esta clase, estoy quitando al multimillonario simplemente escribiendo esta capaz guardar esa y refrescar que no nos está dando ninguna respuesta. Eso significa que debe estar desactivada, no la simple discapacitada. Refresca esa, y ahora puedes ver que ésta tiene, en efecto fuera de la inhabilitación, por lo que eso significa que está funcionando perfectamente. Pero sólo voy allá otra vez y aquí, quitando los mil 000.000.000 ASEM. Y yo sólo estoy escribiendo a Act por aquí. Entonces, ¿qué? El hombre del activo refrescó que ahora solo parece que está activo. Por lo que espero que te hayas dado cuenta del cierre activo también. Y todas estas cosas son los botones. Específicos. Aprendimos algunas cosas más en la próxima clase, así que mantente atentos y adiós. 14. 12 Botones: Hola uno. Bienvenido de nuevo. Entonces en este aula te va a enseñar algunas cosas más sobre los botones. En realidad, sólo voy a enseñar sobre los botones grupales sobre ti y encargar cosa fuera de las botas rap . Entonces aquí solo estoy poniendo una pérdida fresca. Y luego dentro del Coliseo, simplemente agregando el bt y el grupo, que en realidad aclaró que estás a punto de hacer un grupo dentro, y luego simplemente teclear el botón. Tan solo unos sencillos botones, como lo hicimos antes. ¿ De acuerdo? No creo que sea un problema para nadie. Bueno, eso pone la clase y 1,000.000.000 de espacio y luego los mil 000.000.000. Ahora mencionemos qué efecto quieres. Por ejemplo, ¿quieres la info o quieres el éxito o lo que sea? Ahora duplica esa. Pero antes de duplicar, estoy distrayendo a casa aquí. Ahora, tengo los cuatro botones aquí. Vayamos con el hermano y refresquemos que Ahora esto es todo antes de los hogares, en realidad. ¿ Y cuál es el grupo? Se puede entender que aquí se puede ver que los rincones alrededor muertos para todo el grupo. Está bien. Y los botones del medio son Esquire en esta forma de coro. A esto se le llama grupo de botones. Espero que haya entendido de eso. Sólo voy a bajar a enseñarte algunas cosas más sobre el BD en grupo. Pero antes de eso simplemente estoy copiando éste y pegando ahí. Y entonces si solo agrego una cosa el grupo vertical liberiano Vertical ahora refrescó eso nuevo. Y ahora este es el grupo vertical, que en realidad jugó de la manera vertical. No de la manera horizontal, espero en la investigación sobre las vías de los barcos. Por lo que la tercera vía ahora está lista para ser do enseñarte. Entonces ahora mismo lo que estoy haciendo Simplemente creando otro Dave y yendo a los primeros def tag y simplemente escribiendo Koloss y luego otra vez creando el grupo de botones y presionando su cara en el gurú de botones mecanografiando botón. Entonces lo nuevo es, pero en grupo justificado, aprenderás algo interesante en eso. Pero antes de eso, solo crea otro Dave's entre, uh, el grupo justificado y bien, aquí solo estoy consiguiendo un Kloss y en la primera clase de unos, agregando la belleza en grupo Ok, significa ahora el cada Dave tiene grupo obediente y sólo mil millones sólo el botón. Aquí. Se puede ver ese botón y con la misma táctica, basta con poner la cláusula y luego acaba de mencionar el BD en. Y ahora el efecto medio éxito, cualquier afecto que te guste puedes poner su ahora solo tipo de software. Puedo teclear cualquier cosa, lo que sea. Yo igual que lo hice duplicé esto tres veces. Ahora ve con el hermano y refresca esa. Ahora se puede ver que en realidad está cubriendo toda la zona. Si solo minimizo ahora, sólo porque solo tengo que manejar esto de una manera más de una manera diferente, solo borra esa herida y simplemente copia este es el primer grupo de unos aquí dentro. Ahora tenemos tres botones en el grupo. Entonces ve al navegador y refresca que ahora esto es una cosa que solo quiero enseñarte. Se puede ver que todos los botones se han justificado. De acuerdo con la muerte del padre, el contenedor, el contenedor fluido flota etiqueta. Entonces definitivamente porque lo que solo quiero enseñarte bien, hay muchas cosas más que entender y prestarse. Hablaremos de ellos en la próxima clase declarando y adiós 15. 13 Menú desplegable REN: Hola y bienvenidos de nuevo. Entonces en esta clase, solo te voy a enseñar algunas cosas nuevas sobre los botones. En realidad aquí estamos simplemente no pudimos aprender los downs, cual es cosa realmente interesante en el bootstrap. Por lo que en primer lugar de todas las edades dijo la clase del desplegable aquí abajo y luego bajar presionando cemento. Y entonces aquí sólo voy a añadir el botón en la parte superior realmente del Dropbox. Lo siento tanto, el pueblo de la caída. Entonces, por cierto, este es el botón. Y aquí me encontré en la clase y con la clase de esteras aquí, los mil 000,000,000 el BD en primaria. ¿ De acuerdo? Y ahorita eso. Y ese otro vaso, que es que cayó. Tuggle. De acuerdo, el doble desplegable ahora y después la lucha de datos. Está bien. ¿ Qué? Lo poco que puedes hacer, en realidad, por solo despejar eso, solo queremos caer sobre elementos. Usamos la burbuja delta. Bueno, aquí, sólo estoy escribiendo el artículo. Lo que sea que pueda escribir. Ahora, este es un botón donde lo quieres. Basta con hacer click en este botón ver que el desplegable. Entonces, por cierto, solo voy bajando y solo creando en este pueblo. Ah, lo siento. No esta sartén de aquí, en realidad. El UL. Que es el perfecto aquí. Yo estoy decidiendo la UL. Por lo que él decidiendo la clase del bootstrap y bajó y el menú. Entonces ahora solo baja. Porque aquí en esto, um, sólo voy a sumar muchos. Lo que sea. Yo sólo quiero ponerme las botas. Gota. Entonces en el primogénito, pero antes de la boda, cualquier elemento, debería usar el ataque. Por lo que está el valle de los ocho fuera del solo hash tag el hash. Nada mucho. Bueno, ahí solo estoy escribiendo la tecnología. Puedo teclear cualquier cosa, lo que yo sólo quiera. De acuerdo, Así que se acaban de quitar el o duplicado que ahora. Ahí. Debería ser la Esta información extranjera. Debería ser la ciencia. Triplicar. Esa otra vez. Y ahí debería estar el celebrado. Vale, guarda eso y ve con el hermano al refrescar este. Ahora tengo el artículo. Cuando se haga clic en el artículo. No estoy recibiendo nada. Lo que significa algo más que tengo que hacer, que simplemente no dije así. Esta es una cláusula desplegable y este es el toggle desplegable. Y ahí está el problema de datos el cual se deja caer. Entonces todo está claro. Entonces, ¿cuál es el problema que está teniendo? Ahora mismo todo está claro. Pero cuando no hay ningún problema que hay algo mal en la parte superior, sólo voy a ir a los dos primeros revisando. Y sí, el problema es que la ortografía está mal Off the bootstrapped RJ's es el alcohol para envolver. Tenemos que usar la bota, su correa, porque sabes que el desplegable está funcionando en realidad desde el archivo bootstrap Js cual realmente necesita salir de ese Jacksonville. Entonces ve al burdel y refresca mal de nuevo. Y ahora cuando se haga click en el artículo, estoy recibiendo los muchos, cual es algo perfecto. Pero yo sólo quiero así que lo siguiente que voy a hacer es realmente ir ahí en la etiqueta de botón. Y justo después del artículo, solo estoy escribiendo, metiéndome en su etiqueta de pantalón. Y ahí qué? Yo soy esta escribiendo dentro de estas pantalla No estoy escribiendo nada porque solo estoy agregando una clase justo en el está empezando a encabezar este lapso y las clases. Karent. Cuál es la zanahoria es En realidad esto es el esto es un aero, De hecho, me demostraría que es un desplegable. Entonces esto es realmente genial, espero. Intereses oud, pero algo donde solo quiero enseñarte sobre el desplegable. ¿ Y si no tuvieras el botón para amar de ti mismo o de tu Ashley para que el usuario cierre sesión aquí? Solo estoy agregando gacela Lago tan fresca que de vuelta y es click en el artículo. Y aquí hay un link de mirar hacia fuera, pero solo parece un artículo porque estás en la etiqueta de artículo. Bueno, la otra cosa es, vamos a ir a ti son en realidad simplemente duplicar una y quitar la etiqueta de este aliado. Está bien, y agrega pérdida médica fuera del divisor. Guarda eso de nuevo y ve con el hermano otra vez, y voy a refrescar eso y minutos dar click en el artículo. Ahora se ve así. Este es el botón local porque están mintiendo. El otro siguiente es que podemos sumar al odiador y cómo es un bateador que te olvides de que otra vez aquí. Escribamos ese corrupto abajo odiador. No podemos este odio ni en ningún lado, realmente, solo quieres por ejemplo, estoy decidiendo el calentador justo antes del divisor en el logo de esta persona mecanografiada. Ya sabes, ¿y si puedo empatar? Esto es sólo por demostrar que es el odiador. Haga clic en el artículo sobre este es el odiador, que en realidad no se ve realmente genial. Entonces, ¿por qué no? Los lectores cortan este divisor y pegan aquí un divisor y luego solo guarden eso y vayan a la sangre. Refresca eso ahora personal. Y hay botón de amor fuera. Entonces este es el odiador. Entonces de inmediato, espero que hayas recibido sobre lo que hayamos aprendido, pero algo más sólo quiero claramente sobre el odiador. Aún así, Entonces cómo hacer eso yendo a allá y en realidad ahora mismo, solo copiando todo caído por el hoyo caído, ¿de acuerdo? Y juntando este granizo y en realidad solo agregando un coma CIA en la joya solo menú desplegable de tela , ¿ verdad? Guardado no fue al navegador cuando está fresco. Esa noche me dieron otro botón, pero cuando acabo de dar clic en el botón de los primeros, se ve como perfecto, pero Pero acabo de dar click en el 2do 1 El manual viene del lado derecho. Esto es lo nuevo, pero solo te enseño ahora mismo. Entonces simplemente copian esta otra vez, porque algo más sólo quiero enseñarte sobre el desplegable, pero no el desplegable. En realidad, sobre la caída, vayamos con el hermano y refresquemos ese. Ahora, me puse nuevo pero yo Cuando hago clic en este botón, esto se está mostrando desde arriba fuera del elemento, pero en realidad en el lado derecho, si solo elimino el desplegable Reid cayó sobre muchos. ¿ Verdad? Entonces la fresca que de nuevo. Ahora se puede ver que el elemento Se está masticando en la parte superior de la gota. Entonces a esto se le llama la caída, espero. Entendido. Esto no tiene tan chicos, Aprendiste más cosas en la siguiente clase, así que mantente atentos y adiós. 16. 14 Glyphicon Bootstrap: Hola. Y bienvenido de nuevo en esta clase, solo te voy a enseñar algo confiado sobre el bootstrap. En realidad, para muchas cosas, tenemos que crear las o realmente aplicar algunas imágenes para los múltiples Aikens de Aiko, tenemos que aplicar algunas imágenes, pero están en el bootstrap. Bootstrap nos está dando el perfeccionamiento. Siempre que acabas de abrir la correa del maletero, puedes ver que hay una soldadura divertida. De acuerdo, que es parte del bootstrap. Y dentro de la foto del teléfono amigo, puede ver que hay muchos archivos como Cliff Aikens, media regular de Halfling, y luego bot SPD, TDF. Sean cuales sean los archivos, no necesitamos hacer nada con los teléfonos plegados. Ah, esto es sólo una carpeta y todo está despejado por el controlador de botas CSS. Entonces solo tenemos que hacer una cosa que hay que llamar a eso Aikens. Está bien. El que yo podría nombrar es en realidad, o ¿cómo hace eso? Yo sólo puedo teclear acantilado. No puedo. De acuerdo, este es el nombre del Eiken Cliff Aiken. Y entonces que puedo hacer tú quieras. Entonces ahora hay un problema vivo porque simplemente no sabemos el nombre de los iconos. Entonces, ¿por qué no? Yo solo escribo tickler Feikens y bootstrapped YouTube. Acabo de abrir el sitio web donde puedo sacar los nombres de los que se comparan. Por lo que está a punto de abrir ahora y después verás toda la hoja. Ahora, si tan sólo me lechón Vikan, euro que voy a conseguir este letrero. Si solo escribo el Cliff Aiken envuelto y voy a conseguir esto, uh, puedo o cualquier cosa que puedas ver que hay aproximadamente 2 56 o algo así. No puedo. Yo no sólo no sé de la calidad completa, por cierto. Bueno, este es un acantilado que puedo ajustar. Este es un acantilado. Contento la imagen. Y si solo quieres colocar el video en tu página web y solo quieres mostrar el icónico video Así que tomemos el video de tiempo facial por ahora, solo estoy consiguiendo el acantilado. No pude cámara. Está bien. Entonces, Cliff Aiken, en primer lugar eso dijo la clase del dedo del pie Cliff Aiken aplicar el frente del acantilado Aiken, después vivir. No pude hacer el nombre del Eiken. Por lo que el guante Aiken cámara. Eso significa que esta es la clase. OK, Google. Si puedo alta cámara de teléfono ahora, ahorra y ve con el hermano y refresca eso. Tengo la cámara aquí. Eso se puede ver. De acuerdo, esto se ve realmente perfecto. Puedes usar la clase en cualquier lugar. Por ejemplo, Aquí sólo estoy escribiendo. Yo soy una foto para el semi colon. O comenzó un solo código. Simplemente teclea el A P. O. S. La gráfica completa para Bueno, esto no hará ningún cambio grande porque no estamos programando ni algo así. Este es un renderizado simple. Ahora se puede ver que yo soy la fotografía por lo que no puedo revelar. ¿ De acuerdo? Cualquier cosa. Sólo supongamos que sólo estoy teniendo un b están aquí. Y luego otra vez creando esta sartén una cosa más. Solo quiero aclararte que esto no es necesario para crear el icono del acantilado o usado un gráfico dentro del lapso. Podemos usar la etiqueta I como Bill o cualquier otra cosa así. Entonces, por cierto, ahí sólo estoy llamando de nuevo al glifo Iker. Está bien, entonces es cara Ahora solo quiero a Teoh Saca el nombre del sobre. OK, Cliff, puedo envolver ahí, izquierda Aiken, guión y villa. Está bien. Y ahí solo estoy escribiendo G d s k h m a d otro a gmail dot com Ahora guardar y ve al navegador y ahí y refrescar eso. Ahora se puede ver eso aquí. Solo estoy mostrando la dirección de correo electrónico, y ahí está el ícono después del correo electrónico. Entonces esto es lo que solo quiero enseñarte sobre el dedo del pie de Cliff Aiken cómo usar. Podemos usar el acantilado. Eichel's en las etiquetas en los botones también. Entonces solo voy a usar el acantilado que pueda dentro del botón. De acuerdo, Entonces antes del botón en esto, creando una etiqueta de entrada. De acuerdo, Ty, y luego solo cubra eso. Y aquí en este texto mecanografiado, Pero antes de esa cosa donde sólo voy a hacer o será un poco típico hacerlo solo directamente. Se utiliza la etiqueta de botón. Yo igual sólo quiero mostrarles el par apagado del botón y la entrada. Pero esto será típico para ti. Yo sabía de eso, Por cierto. A crear un botón. Basta con poner la belleza y y el éxito ibérico. Esto es al estilo del botón. Y entonces aquí deja que este tipo busque o nada. ¿ Qué? Lo que quieras. Acude con el hermano y refresca. Ahora tengo el botón de la búsqueda aquí. Y luego justo después del anuncio de búsqueda en el espacio o antes de la oleada, lo que sea. Donde quieras un lugar, tu ícono, es pan. De acuerdo, Ahora ve ahí. Y poca búsqueda. El cartel de la oleada es dignificar concierto. Realmente sencillo ir allí. Y luego de nuevo sumando la clase fuera del acantilado. Podría espaciar Google si no pudiera alta de búsqueda guardar y luego refrescar eso. Ahora tengo el enlace de búsqueda aquí. Espero en realmente estúpido podamos usar esto también en la entrada. Aprenderás eso cuando solo hablemos del insumo, como en protege campos y lo que sea. Por lo que espero en Bristol cómo usar Google si puedo. ¿ En cualquier lugar donde sólo queremos de qué manera? Más allá ahora conozco el sitio web que acabo de empatar simplemente. Cliff, no pude conseguir bootstrap cheat sheets dot com para acceder en toda la lista del bootstrap. Eso se puede ver. Lo siento. No el bootstrap. El Acantilado Aiken. Hay muchos feos feos Feikens. Puedes usar cualquiera de ellas lo que quieras de acuerdo a tu necesidad. Entonces en la siguiente clase, aprendimos algunas cosas más sobre el estado bootstrap, ya sabes, y regresamos. 17. 15 Jumbotron y encabezado de página: hola y bienvenidos de nuevo. Entonces en esta clase y te va a enseñar sobre el Jumbotron y el odiador de páginas. Bueno, ya sabías del Jumbotron porque has aprendido del Jumbotron muchas veces , incluso en la primera, manteniendo también la primera o segunda clase. Entonces ahora mismo sólo voy a usar un vaso aquí, y está encabezando el jumbo. Ah, ortografía debería ser Jumbo Theron ahora guardó eso. Y luego lo que sea. Simplemente tecleamos dentro del Jumbotron en solo vemos el jumbotron sin nada, podemos ver el área grande, jumbo, jumbo, blanca gris en el bateador. Y al igual que el bateador, esto se llama el Jumbotron. OK, genial. Pero ¿y si solo escribo algo dentro del Jumbotron? Algo realmente importante. Debes saber del Jumbotron como lo estoy haciendo yo. Si solo pongo la textura, por ejemplo, el Jumbo Tron diga eso. Acude con el hermano y refresca eso. Ahora se puede ver el texto, el Jumbotron. Voy a copiar este, el texto, el texto, y sólo pegar este pelo y luego volver atrás y refrescar eso. Ahora se puede ver que el barco son los grabados. Pero se puede ver la diferencia fácilmente de que este Jumbotron es realmente pequeño. Si tan solo comparas este con ese. Entonces definitivamente, en realidad, esto en realidad no es el Jumbotron, pero gravado es el Jumbotron. Por lo que debería ser el jumbo estar bateando sin Jumbotron. OK, ahora vamos a refrescar eso atrás el odiar sin Jumbotron y el Jumbotron. Por lo que definitivamente puedes ver que esto es un poco pequeño si solo comparas con esto porque esta cuál es en la clase jumbotrons. Por lo que espero bajo a través de eso las cláusulas Jumbotron no sólo efectos en el Dev principal, sino también en el de su hijo. Como se puede ver eso bien, se trata de un jumbotron. Pero la otra cosa es, si solo presiono interino, solo pon el pelo de Dave otro Dave. Y entonces aquí sólo estoy agregando otra clase ahora la más famosa, en realidad la más utilizable. El asunto es Page Heda, que a menudo usamos en lugar del Jumbotron. Porque el bateador de página se ve más en confiar por su simple look. Si yo sólo estaría golpeando dentro de profundo ocho bateador como velo y solo te digo la página, Haider guardó eso y ve al navegador, Refresca esa ahora la página hater. Se puede ver que las texturas muy poco más grandes o en realidad, sí. Ah, muy poco más grande que este texto. Pero se puede ver una línea aquí. De acuerdo, Esta línea se llama el bateador de página. Esto es lo que se llama paciente abyectamente tiene la frontera ¿bien? Y el texto. Entonces después de hacer los dos piensa usaremos las cosas y otros proyectos. Definitivamente el bateador de página en el Jumbotron también. Entonces, cuando la próxima clase, aprenderemos algunas cosas más. Mantente atentos y adiós. 18. 16 pozos de Bootstrap: Hola a todos. Entonces, en esta clase, solo te voy a enseñar algunas cosas más sobre el bootstrap. En realidad, hay algo que te va a enseñar, que en realidad simplemente se parecía al Jumbotron. Pero en realidad no el Jumbotron. Ahí hay apenas de aprender los Veles W e doble l will. Y ahora sólo voy adentro. Desarrollo presionando, entra y en realidad déjanos escribir directamente lo que quieras. O lo mejor es cambiar el día Vinto p o poner dentro poner el p dentro activo. Pero ahora había nativo Inter. Solo estoy escribiendo directamente lo que quiera en el mismo lugar aquí. Yo sólo voy Cinta es este es el proyecto de ley guardado No fue con el hermano y refrescar que este es el proyecto de ley. Se puede ver que una hermosa zona grande. Pero este no es el Jumbotron. Esto se puede entender. Entonces ahora lo que voy a hacer es que podemos cambiar, desarrollar tamaño. Entonces vamos a duplicar esto. Y entonces aquí sólo estoy escribiendo devel. Perdón por el espacio y vuelve a escribir el velo. Y ahora solo pon el tamaño con el guión. Yo sólo voy a poner el sitio del LG. Entonces, vamos a guardar esto. Ahora bien, este es el velo. LG guardó eso. Refresca eso. Ahora se puede ver que el pozo de éste es un poco más grande con ese. Definitivamente. A esto se le llama la Ville mediana. Pero no necesitamos teclear bien el medio porque el medio es por defecto. Pero hay otro velo que en realidad es el mal s m Significa desarrollado pequeño. Refresca eso de nuevo. Ahora se puede ver que éste es el más pequeño. Este es el medio y esto está en más grande. Entonces espero que estés debajo de un estudiante. Cierra que ahora has entendido todo sobre los pozos en esta clase sintiendo más cosas Mantente en sintonía y adiós. 19. 17 Alerta de Bootstrap: Hola a todos. Entonces cuando esta demanda te va a enseñar algunas cosas más sobre el bootstrap, las alertas, elementos cómo usarlas. En primer lugar, solo estoy creando un did aquí. ¿ De acuerdo? Y ahí, dentro de esta muerte, sólo estoy escribiendo. Ese desfile se trata de O los presentadores borrando. No. Sí. Se eliminará el final. Esta es una frase perfecta. Ahora bien, esto es una especie de alerta, pero definitivamente cuando solo voy con el hermano y simplemente refresqué eso ahora, esto no parece la alerta. Entonces, ¿cómo lo logras? ¿ Voltearlo a la alerta? Tenemos que tener algunas clases. Solo estoy dejando que colossi a y alerten. De acuerdo, entonces ahora esto es una alerta. Pero yo sólo voy con el hermano y refresco que ahora esto realmente tiene ah, perfecto. No se escondió, Pero definitivamente aún así, no parece que estén cargados porque tengo que tener una subclase. El alerta ahora, que tipo la siguió es Este es el tipo del peligro, la alerta peligrosa. Significa el color correcto, los muertos frescos. Ahora tengo el color rojo alrededor de esta zona, así que está en alerta, pero definitivamente esto es igual que el simple fondo fuera del color rojo. Hemos aprendido sobre el BG, luego tu o algo así. Por lo que definitivamente esto no es como una alerta porque presunto debería tener el enlace para estar cerca o cancelar algo. Por lo que definitivamente ser la mitad. Tenían otras cosas. Entonces, ¿qué está pasando dentro de este Dave y agregando una etiqueta a tu if y en este momento solo me estoy poniendo en ceniza y cerrando esto aquí? ¿ Qué? Yo sólo voy a teclear puedo escribir cualquier cosa. Por ejemplo, puedo poner la X ahí, Y si solo voy con el hermano y refresco que hay un siguiente Pero simplemente no quiero mostrar el simplex porque este puede ser el texto porque definitivamente lo hiciste. Ese es el texto si acabo de tener a los italianos. Por lo que este es el apretado que mostró la salida de una manera perfecta de cerca. Pero tenemos que hacer muchas cosas. Por ejemplo, solo voy a agregar un clasificador con el nombre de la ropa, guardar eso e ir al hermano de atrás y refrescar que Ahora ¿dónde está la X? Ahí está la X que puedes ver, y esto solo se ve como el botón cancelar o cerrar, no la X definitivamente. Pero como ves en eso no está funcionando porque no lo hicimos en el JavaScript aquí, el JavaScript, Jacqui, Jacqui, muy lo que sea. Entonces, para comer la consulta, solo tenemos que agregar algo como datos. Despide a Miller. Tienen que corregir un cinco. Tu despido ortográfico es una ortografía perfecta descartar algo. ¿ Saber qué? ¿ Quieres desestimar una alerta? De acuerdo, entonces acabamos de conectar el JavaScript aquí. Si solo voy con el hermano y refresco eso otra vez y ahora Ahora solo doy clic en el cierre. Pero ahora se puede ver que la alerta se ha quitado sólo por el enlace, que es el cierre. Entonces espero en realmente se quedó como hacer eso, pero algo donde sólo quiero agregar cerveza. Si tan sólo dijera la etiqueta de área cerrar. Bueno, esto es Ah, nada es especial en la forma visual. Pero sólo por declarar que por el letrero se lee, Podemos cerrar cualquier cosa. El muy poco está cerca. Pero una cosa Bueno, puedes notar que cuando solo para refrescar esa y luego solo hago clic en la ropa. Simplemente va directamente bien, Igual que nunca es trato. Pero si solo tuviera un espacio y solo teclea desvanecerse, ¿de acuerdo? El método de la fade in es cuando acabo de refrescar que maneja cerrar click en Cerrar. Ahora se puede ver que va como feting, por lo que esto es más perfectamente para gobernar en alerta. Bueno, sólo voy a copiar esa, y está pegando esto varias veces y luego definitivamente tienes la capacidad de cambiar el texto también si solo quieres cambiar algo. Pero sólo voy a cambiar el peligro para el éxito o algo así. Cualquiera que sea el éxito diga que refrescó que ahora este es el éxito. Todos ellos están funcionando a la perfección. Cuando acabo de refrescar esa bolsa, está ahí. Bueno, algo más. Debemos agregar, por ejemplo, el éxito y la advertencia y la última debe ser la info. De acuerdo, estos cuatro estos azulejos está trabajando en la alerta refrescó eso de nuevo. Ahora se puede ver que todos ellos están funcionando. Cuando se está haciendo clic cerca, todo está bien, y definitivamente estas clases, la alerta, éxito, otro peligro y la información de alerta, u otra advertencia son capaces de funcionar, incapaz de hacer otro. Entonces aprenderemos algunas cosas más. La siguiente clase se queda en sintonía y adiós 20. 18 N REN Bootstrap de insignia y etiquetas: Hola y bienvenidos de nuevo. Entonces ahora estamos aprendiendo algunas cosas más en el bootstrap. En realidad, solo quiero enseñarte sobre las etiquetas y las insignias. Entonces, antes que nada, solo estoy poniendo una etiqueta aquí. Cubra eso. De acuerdo, así que aquí estoy justo en este momento, sólo estoy poniendo un hashtag. Entonces cubra eso. Y ahora aquí, dentro de este A. Lo que voy a hacer es en realidad sólo escribir los mensajes mientras puedo escribir cualquiera de acuerdo a la necesidad. Pero aquí, solo estoy consiguiendo cualquier espacio en lapso de apriete. De acuerdo, ahora cubría eso. Y aquí solo estoy escribiendo cinco decibelios, seis suéter por visible. Yo solo quiero mostrar que hay seis mensajes cuando es ir al navegador y refrescar que me dieron los seis. Los mensajes. Seis. Esto no se ve realmente perfecto. Pero si tuviera la insignia de paños fuera aquí, la insignia d g e y no guarde eso y refresqué que ahora esto es como los seis mensajes ven realmente perfectos. Comienza un disco. Vaginal. Sí. Esto no es necesario para agregar el distintivo dentro de los ocho. Se puede d insignia en cualquier lugar. Bueno, sólo por suponer algunas cosas más. Yo sólo estoy poniendo 29. Y aquí sólo estoy escribiendo modificación. Podemos usar un lote para la notificación también. Este es un ejemplo. Ahorra y refresca que ahora Notificación 27. Esto es lo que sólo quiero mostrarles aquí. Solo estoy dejando que sea o ataque por solo conseguir un inter a idioma. Bueno, solo por enseñar, te estás casando con un botón también porque solo quiero mostrarte que podemos aplicar las insignias al botón también. De acuerdo, entonces aquí voy al botón y agregando un culo fresco fuera muy adentro. Y luego Vivian default o la primaria, cualquiera que sea el color que te guste freír enojado. Y aquí sólo estoy escribiendo. Haga clic para ver la notificación. Lo que quieras escribir, luego en esta sartén dentro del botón. Está bien. No podemos gastar dentro del botón tan bien como lo estoy haciendo. Entonces cubra eso Y ahí en unas colas lo que el público quiere, Ed es solo el lote db d g malo en él a teclear 31 10. Lo que sea que escribiste. Ahora refresca eso, como, consiguió la notificación. Y esto no se ve como el botón, lo que significa que ahí fuera está el problema. No, Guárdalo, Andrew. Primero que ahora esto es como el botón bootstrap. ¿ De acuerdo? Y por eso solo quiero mostrarles que se puede aplicar en el botón está enfermo. Y lo otro que solo quiero mostrarte es el realmente el sello. Entonces, ¿cómo se hace la etiqueta para eso? En primer lugar, tenemos que dibujar el día y luego dentro del diablo. Solo estoy eligiendo al hater de paginas porque estoy pensando que solo puedo hablarte de etiqueta mejor de esta manera. Bueno, aquí, este es el H, y luego solo estoy escribiendo descargas. Puedo escribir cualquier cosa, lo que quieras apoyar la descarga del software o cualquier cosa que cualquier espacio y solo escribir span cubierto que el lapso y luego ir a la 1ª 1 etiqueta del gasto aquí y luego esta pérdida epochal off label. De acuerdo, ahora, que efectuó que quieras, solo decidiremos en el siguiente plus refresco que se trata de las descargas y no hay nada dentro del lapso. Yo sólo estoy escribiendo mejor ellos en un mejor. En realidad estaba haciendo continuamente estas descargas. Bueno, no tengo nada. Entonces dijo en el espacio y tipo etiqueta info guardó eso y refrescó que me dieron debater en la etiqueta info y esto es lo que solo quiero mostrarles. Bueno, esto no es necesario para mostrar la etiqueta en la info. El fresco que ahora este es el camino fuera del camino por defecto otra vez buscando descarga perfecta. Y cuanto mejor simplemente mostrando que esta función de descargas no está completada. En realidad, esto está en el estado de ánimo beta. Bueno, nosotros si solo estás creando un subencabezamiento, así que deberíamos usar el tres o el borde, Haz lo que realices. Refresca esa. Ahora, esto se ve más perfecto. Por cierto, has entendido sobre la etiqueta y las insignias. Entonces en la siguiente clase, te enseñaré un poco más. Mantente atentos y adiós. 21. 19 ReN Bootstrap Panel de REN: Hola a todos. Entonces, en esta clase, solo te voy a enseñar algunas cosas más en el bootstrap. En realidad, sólo quiero enseñarte sobre el panel. A algo realmente interesante se le llama panel. Usaremos el panel it varias veces en este curso porque esto es realmente interesante e importante para crear un panel de este tipo panel y luego presentar en el espacio y mencionar cuál es alicatado. ¿ Quieres para tu panel? Por ejemplo, ¿Quieres el panel? El color predeterminado tenía por defecto el estilo Dennis. Voy a cambiar el estilo que corre a este tipo. Haz eso. ¿ Cuántos estilos? No tenemos casa sobre cómo cambiar los estilos. En realidad, este es el otro muerto dentro del panel, ¿de acuerdo? Y este debería ser el odio del panel de Ok, combate odio hacia arriba. Y luego dentro del odiador de la batalla, o en realidad, esto debería ser el odio del remo, no el calentamiento del odiador. De acuerdo, bueno, no voy a poner nada dentro del panel encabezado ahora mismo. Simplemente voy tras el panel y luego creando el cuerpo del panel de cierre. ¿ De acuerdo? El elemento corporal, y luego después de eso, está creando otro nuevo día de cabello y luego esto poniendo a la otra clase fuera del tiempo de comida . ¿ De acuerdo? Acabo de crear todas las cosas. Ah, debe ser la comida del panel o no, La comida sencilla. Definitivamente. Yo sólo los creé. Ahora en el encabezado del panel, tenemos que apagar el bateo para este panel. Yo sólo estoy poniendo, comportándose dentro del filo. Cuatro etiqueta para esto, haciendo el bateo como un bateo, pero no el gran comienzo de bateo. Eso es igual que el s uno y s dos. Pero sólo estoy disparando el filo porque este golpeándolo es sólo para el panel específico golpeando. Bueno, Penhall odiando. Ahora guarde eso y luego simplemente ponga cualquier cosa en el cuerpo. Cada año puedes poner cualquier cosa menos solo por mostrarte solo estoy usando texto simple. Bueno, podemos usar imágenes dentro del panel. Podemos usar cualquier cosa, lo que queramos. Pero simplemente no hay necesidad de crear la clase aquí, sino simplemente escribir directamente. Este es el cuerpo del panel. Sea lo que sea que quieras teclear, ahora puedes bajar. Y esta es la comida de panel, ya sabes, y solo son top de comida de panel alto. De acuerdo, guarda y ve con el hermano y refresca que tengo el panel aquí. Eso se puede ver. Está bien. Está bien. Entonces, en primer lugar, este es un solo contenedor, ¿de acuerdo? Y los paneles calientes finales. Ahí está justo de acuerdo a los es paneles con. Entonces por eso se ve demasiado grande. Pero también podemos crearlo dentro de la columna. Bueno, este es el estilo predeterminado del panel. Podemos cambiar el estilo del panel cambiando el valor predeterminado a cualquier valor. Simplemente te mostraré cómo solo estoy copiando este panel y está pegando después de este panel aquí y luego en lugar de la predeterminada, solo estoy poniendo estos éxitos guardar y refrescar. Ahora, éste es un panel de éxito. Está bien, lo tiene. El éxito está alicatado. Bueno, la cosa es que se puede ver que la comida sube diciendo el mismo color, pero el color odiador ha sido cambiado. Y la frontera, este es el mismo panel funciona ahora duplicar esto de nuevo y del éxito debido en plena actualización que de nuevo. Ahora bien, esto es un estilo de comida. Bajen. Solo estoy cambiando estos azulejos para mostrarme que cómo funciona el pedal y luego la actualización primaria . Este es un estilo primario y va allá otra vez y simplemente pegando éste una vez más y luego quitando el valor predeterminado y es poner el aprendizaje guardar y refrescar. Entonces me dieron el pelo ardiente y luego solo duplicando esto una vez más, espero que el peligro se vea a Bill. Solo estoy probando esto. Guardar y refrescar. Sí. El peligro está funcionando, por lo que se puede ver que aproximadamente los todos los estilos del bootstrap está funcionando aquí en el panel. Y Hogan grande se puso de pie cómo crear un panel. Por lo que para las próximas cosas que aprendes en la siguiente clase, mantente atentos y adiós. 22. 20 Collapsible: Hola y bienvenidos de nuevo. Entonces aquí en esta clase solo te voy a enseñar algunas cosas más sobre el bootstrap ahora mismo. Sólo te estoy enseñando lo plegable. ¿ De acuerdo? Legis tenía el botón correcto. Y en realidad, solo estoy creando un botón aquí y aquí. Sólo estoy recibiendo un texto. Por ejemplo. Haga clic para colapsar. Lo que quieras escribir, puedes escribir como botón. Esto es justo en este ejemplo. Yo sólo voy a ser Empezó a arrancar Tak del botón, ¿de acuerdo? Y sólo poner el texto fuera el primero de todo. Bueno, el BD en para esto. Creando el botón, está bien. Y luego BD en, ¿Cuál es el efecto quieres? Yo sólo quiero tener éxito a dos mil millones sexistas y luego a los datos. Bueno, sólo tendré el total de datos más adelante, porque por ahora, primer lugar, tenemos que crear el elemento que sólo queremos que se derrumben al hacer clic en la carga. Entonces aquí solo estoy enviando un texto. Este es el elemento fábula de colapso. Está bien, Perfecto. Ahora y se va a la etiqueta div y en realidad aquí ¿Qué? Sólo lo estoy haciendo escribiendo I day. Y cuál es la idea. Yo solo estoy poniendo aquí colapso o C l a. lo que yo solo quiero poner podemos poner como el i d. solo voy a la cima y obligado a caer, tenemos que sumar la variable o lo siento, los atributos de los datos Togo. Y lo que quieres remolcar es el elemento de colapso. Ok, ahora aquí tenemos que aclarar que este elemento es en realidad el elemento plegable. Entonces en el Koloss, fuera del colapso, eso es realmente perfecto. Ahora lo que solo voy a condenar o en realidad es decidir otro atributo los atributos objetivo e igual a Ok, entonces ahí estoy decidiendo el hash y luego el c l a Vale, esta es la idea del C l A. Acabo de agregar su el objetivo C l a Vale, ahora esto es totalmente perfecto. Sólo tienes que ir con el hermano y refrescar eso. No, me dieron d click para colapsar botón. Cuando acabo de hacer clic en el colapso, no pasa nada. Eso significa que algo anda mal. Yo hice ¿Cuál es la cosa? ¿ Cuál está mal? Yo lo hice. Tengo que buscarlo. Bueno, no hay nada realmente grande. En realidad, tenemos que sumar la fecha nuestro objetivo no sólo el objetivo. Entonces, por cierto, refrescas eso de nuevo. Ahora, cuando di a conocer sobre el colapso, el texto nos está mostrando gestiona Haga clic en el colapso de nuevo Ahora está oculto. Eso significa que realmente se está colapsando y realmente funciona perfectamente. Pero hay otra cosa que debes saber antes de trabajar prácticamente en plegable, agregando en una etiqueta y ahora solo agregando un ref real y aquí en este momento, en el ajuste un solo hesh que simplemente cubriendo el área. Y entonces lo que voy a teclear es debido kulic este eslabón para colapsar. De acuerdo, entonces ahora lo que voy a hacer es en realidad solo agregar un tobel de datos bien, hizo una variable total, que son los atributos, lo cual es realmente necesario si solo quieres colapsar algo. Y ahora no necesitamos poner el objetivo de datos en la etiqueta A porque en lugar del objetivo de datos , cuando estás en el ataque. Entonces en lugar del objetivo de datos acaba de mencionar su escritura en la h ref como la regla fuera de la etiqueta a. Entonces aquí estoy decidiendo el i d. el i d es c l a. De acuerdo, ¿y qué? Yo sólo voy a hacer es bajar. Yo sólo enseño porque yo sólo quería claramente que el objetivo de datos no es necesario o realidad no es viable en la etiqueta A. Por eso solo enseño esto. Entonces ahí solo estoy poniendo el I d ¿ Sabes qué es la idea? En realidad C l A. A ahora vamos a escribir el texto, cual solo quieres zapar lo que alguien hace clic en el botón click este enlace para colapsar. Entonces los nuevos datos son el pelo. Sea lo que sea que escribas, es sobre ti yendo al hermano y refrescando esa guerra. Ahora haga clic durante el enlace para colapsar. De acuerdo, cuando yo sólo estoy refrescando que ahora por qué Es sólo visible porque no lo hice al cierre el Ya sabes, ese colapso, que es realmente necesario ahora refresco que atrás cuando acabo de dar clic en el enlace. Ahora bien, si el texto se muestra cuando está haciendo clic atrás, entonces oculto mostrando oculto Así que definitivamente está funcionando realmente perfectamente. Pero una cosa mawr, sabes que las amenidades refrescaron que no hay texturas visibles para nosotros. Pero si agrego otra nueva clase t i n y guardando y yendo al navegador y refrescante ahora puedes ver que este es un elemento plegable es visible Cuando acabo de hacer clic atrás. Ahora se quita la textura. Pero cuando se vuelve a hacer clic, el texto es visible. En realidad, mediante el uso del hierro Ted, podemos mostrar el texto por defecto. El medio es que por defecto el texto no es pelo oculto por el i n. Así que espero entendido. Bueno, podemos usar el cabello de hierro también en el elemento tags A. Lo que quieras. Espero que hayas entendido sobre el aprendizaje plegable en la siguiente clase. Aprendimos que cómo aplicar lo plegable está en el panel tan bueno rendimiento estatal de compra. 23. 21 Collapsible del panel: Hola y bienvenidos de nuevo. Entonces, chicos, hay algo más que aprender sobre el Bootstrap. En realidad, solo quiero enseñarte a aplicar lo plegable en los paneles. Por eso no lideré el panel de este mientras en lugar de hacer el nuevo simplemente copió el 1er 1 y ah, legis espacian este cabello en algunos espacios extra. Y entonces ahora solo decide que cuál es uno de los elementos dentro de este panel debe ser el plegable y cuál debería ser el botón. Por lo que el 1er 1 debe ser el botón, y este elemento debe ser el elemento plegable. Por lo que ahí, primer lugar, el encabezado de página debe ser el botón que formatea la etiqueta A. No el botón, en realidad. Pero una etiqueta es perfecta para este caso. Tan bien cubierto eso e ir allá sólo tenía una etiqueta, el final una etiqueta ahí, luego ir hacia abajo. Esto después del dolor golpeará este nuevo día creando. De acuerdo, ¿por qué algunas cosas crean el nuevo Dave? Porque solo quiero asegurarme de que lo que es el elemento se derrumbe. Bueno, se colapsan, y luego el panel colapsa lo específico. Ay, para hacer que el panel sea plegable ahora el elemento que solo quieres ser plegable. Simplemente pega dentro de este panel, colapsa el botín y la comida. O así cortemos esto y presionemos este pelo y dejemos una justicia también. Entonces esto es aparentemente cuerpo y la comida del panel o bien, solo tengo que añadir 90 pelos voluntad porque sabes que tenemos que tener el i d para enlazar el elemento y su botón. Entonces ahí solo estoy escribiendo c l a. tres y se va a la cima. Y aquí en lugar de los atributos objetivo, ya sabes que en el ataque tenemos que usar la X ref. Entonces solo estoy usando este tres cabellos anuales, luego presionando en un espacio y está consiguiendo una pérdida fresca y luego agregando algún tipo de efectos obedientes . Pero en lugar de efectos obedientes directamente justo en los datos togo y luego lo que quieres ser Tuggle el colapso. De acuerdo, Ahora guarde eso. Bueno, el panel impidió el estilo. Eso es tan bueno. Por lo que solo estoy agregando el éxito aquí en lugar del sencillo panel predeterminado. Di eso. Y ahora estoy esta abriendo el navegador refrescó ese y ahora se puede ver el panel encabezar aquí maneja golconda odiando. Se está colapsando perfectamente cuando me desconecto de nuevo, va como puedes ver. Entonces ahora si solo quieres tu elemento, uh, colapsado directamente legis poner el i n Ahora refresca ese. Ahora puedes ver que eres elemento es no está oculto en realidad por defecto. Pero cuando sólo se hace clic ahí que al panel teniendo su oculto Así espero entendido sobre el panel plegable Cómo hacer que el panel plegable fácilmente. Y chicos, definitivamente aprenderemos algunas cosas más en el próximo último estado Yoon y adiós. 24. 22 Grupo de lista: Hola y bienvenidos de nuevo. Entonces ahí solo te voy a enseñar algunas cosas más sobre el bootstrap como este presidente , o y en realidad, lo que solo te voy a enseñar es el listado cómo crear una lista en el bootstrap en el camino del bootstrap, en realidad. Entonces, primer lugar, les ruego que hagan menos al uso de la técnica de la joya. Definitivamente. Utilizamos la U. N para hacer listas, por cierto. Ahora aquí hay un atributos cercanos. Simplemente voy a agregar valor de la clase como grupo de lista. De acuerdo, Guárdate eso. Y su prensa aumenta al aliado según lo requerido para la UL terminó La clase aires ville. ¿ Qué? La clase debería ser grupo de lista, pero una cosa más. El elemento de grupo de lista de ítems aquí en la configuración, el texto. Este es el elemento de elevación. Duplicar eso varias veces. OK, ve con el hermano y refresca eso. Ahora tenemos la lista luciendo realmente perfecta. Definitivamente. Bueno, si solo quieres hacer el grupo de lista usando las etiquetas en vivo con algunas técnicas más, estoy decidiendo el hát acuerdan comenzar en grupos delis en el Detective Bell. Entonces, en primer lugar, entender la pérdida de frío. Y luego qué? El Valium. Apenas poniendo las clases. El grupo de lista nuevamente. De acuerdo, Lo mismo yendo dentro del Dev y agregando algunos Maytag's como ref la hiper referencia y luego descubrió eso. Y entonces este tipo de esto es el elemento de la lista de muertes. Lo que quieras escribir para aclarar que hay un poco diferente. Y luego se va a las etiquetas A el ataque tirado inicial de la A y poniendo algunos colossi como Bill y luego sólo escriba lista. Ya sabes que lo que tenemos que poner grupo de izquierda yo Tim guardó eso e ir con el hermano y refresqué eso. Ahora puedes ver que son fáciles, sea que el cabello bien, solo réplica eso y ahora refresca eso no sabrá por qué. Yo sólo lo puse. El tag A es porque sólo quiero asegurarme de que sólo estábamos flotando algo. Ahora toda la zona es la lista. Cuando se hace click en cualquier lugar, me puede acceder en cualquier lugar. Si solo pongo alguna dirección ahí. Bueno, hay algo más interesante que podemos hacer con estas listas, tanto fuera de la lista, sexualmente justicia, sexualmente justicia, agregando cualquier espacio y otra vez escribir el elemento de grupo de lista. Pero ahora, no lo termines ahí. Este otro guión y tipo en su totalidad. Cualquier efecto que quieras, puedes poner ahí. Refresca eso. Ahora se puede ver que ahí se ha aplicado doloroso. Si solo escribes peligro o alguno de estos azulejo guardar y refrescar que ahora es se convirtió en peligro. ¿ Por qué no? Yo sólo copio este. Ahora no puedo simplemente pegar este pelo también o en cualquier lugar que tú quieras. Y luego sólo quita la info. Basta con poner el peligro en lugar de la información guardada eso y refrescar eso. Ahora se puede ver que el peligro está ahí. Y la info es pelo. Bueno, hay algo más para que el grupo de lista sea más interesante y más interactivo para el usuario. En realidad, sólo quiero agregar el odiar y el texto del grupo de entrelazados auditivos. Entonces déjanos en la U l Está bien. Ahora, sólo voy allá en el 1er 1 La etiqueta de inicio de la U l y este grupo de lista de mecanografía otra vez Lo mismo volver a entrar y escribir. L I Ok, cubriendo eso y yendo al aquí, yendo aquí entrando lo mismo. Ya sabes que la clase fuera de la lista, gurú. Todo. Todo debe ser la misma lista. Elemento de grupo ahora va allí. Insultos y pestañas. Ahora, solo estoy presionando inter porque va a poner algo aquí y lo que sólo quiero poner edge fool. Y luego aquí estoy visitando el texto fuera del esto. Sí, el odiar cualquier cosa. ¿ Cuál sólo querrías poner su ahora en una colosal ville? ¿ Qué? A la clase? Yo sólo voy a poner su lista Go item odiando. Porque esta es la odiadora. Duplica esa. Ahora bien, esta no debería ser la audiencia, Así que ésta no debería ser la ceniza cuatro. Yo solo escribo a David ahí, y oficialmente están quitando el al cuatro una celda. Y luego me estaba quitando el odiar porque debería haber el texto. De acuerdo, este no es el odiar este texto. Entonces aquí me estoy comiendo el párrafo. Se trata de un párrafo. Lo que quieras Solo quiero poner puedes poner ahora simplemente refrescar que ahora tengo un nuevo odio . Ahora una cosa más que si solo copio este y solo pego esto aquí y aquí y guardo y refresco que ahora se puede ver que hay múltiples grupos fuera de las listas. Se puede ver en realidad, no el grupo fuera de lista. En realidad, el grupo fuera de odiar y los múltiples grupos fuera del odiar en texto está ahí luciendo realmente perfecto. Ahora solo voy a ir al bloc de notas y en realidad esta presionando enter solo quiero enseñarte que como hacer este tipo de menos usando las etiquetas Dev. Así que presiona otro inter y agrega la fecha aquí y se va a la 1ra 1 de tachuela de los muertos y luego estás cerca de nuevo. Acaba de declarar que esto es un menos a agrupar. Bled se va dentro de este grupo de lista y definitivamente sólo tengo ganas de hacer teatro fuera nuevo porque sólo quiero hacer que la lista sea seleccionable o realmente accesible. Entonces ahora simplemente son hash y presionando un espacio para decidir creció la pérdida fuera de lista, todo debería ser lo mismo. Tomb Vale, ya sabes, guarde eso. Y en este, y sólo están tenidos otra cosa. Y lo que sólo quiero añadir es en realidad apremiando interino, sólo añadiendo algunos da aquí. ¿ De acuerdo? No, ésta debería ser otra tela. Y lo que el problema está poniendo aquí es sólo el grupo lista odiando, luciendo perfecto. Esto duplican ese muro y este tipo el texto. De acuerdo, Ahora solo lo hacen. El oído así quitó el Devon solo teclear al completo y para los primeros etiqueta, hacer lo mismo el grabado completo cierta industria en su totalidad y luego poco por ahí y en el ítem en el área 4ta 1. Está bien. Y para el texto, sólo voy a añadir algunas otras cosas. Es la gráfica de rock par Sea lo que esto prefiera ahora, refresca esa voluntad. Ahora puedes ver que acabas de crear solo un odiar. Entonces por ahora, sólo tengo que hacer una cosa Que esta copia esto una etiqueta y pegue esto aquí, aquí y aquí. Guarda eso de nuevo y refresca eso. Ahora puedes ver que hay mucho bateo buscando con un perfecto, pero algo anda mal aquí. Se puede ver que estos son realmente inteligentes y están tomando un espacio extra porque list group I term esto es realmente necesario, lo cual simplemente no puse antes. Bueno, como digo que todo es igual, pero solo quiero enseñarte algunas cosas nuevas. Por eso solo te enseño esta de L D. Um, haciendo la lista grupo David Bill, yo Tim. Ahora solo pon el ítem con el grupo cada lista. ítem de este grupo, en realidad. Por lo que ahí término y este es el último elemento de unos. Espero que termino ahora eso es perfecto. Ahora de nuevo en el artículo. Guardó eso e ir con el hermano al refrescar este. Ahora se puede ver que es inteligente como sólo éste, y espero entendiera cómo hacer éste también. Y millones de mooting la próxima última estancia sintoniza y adiós. 25. 23 Panel de grupo de pago en la: Hola y bienvenidos de nuevo. Entonces has aprendido mucho de los menos grupos, pero ahora mismo, solo quiero venir en el panel y los grupos de lista entre sí. En realidad, solo quiero hacer que los grupos de lista colapsables suprimiendo algún invierno y en realidad solo creando el DIV aquí y después y en el grupo Penhall clase, lo que significa evidente que solo estás hablando de algún tipo de grupo aquí. Entonces sólo tienes que ir más adentro. Y luego solo a una pérdida, otra clase y tipo panel de panel predeterminado, cualquiera que sea tu tipo. Ya sabes, el mejor, Dave. Otras clases aquí, odiar al panel, como acabas de hacer el panel, ya sabes, sobre todas las cosas de crear el panel y luego aquí, el colosal título del panel. Porque sólo quiero poner aquí el título del panel. Y entonces qué debería haber dentro de esto? Eso son cuatro empate, en realidad, la A y luego hiper referencia. Lideré la hiper referencia más adelante, pero ahora mismo, los datos Tuggle, ¿qué quieres tuggle haciendo clic en este botón El elemento colapso. OK, que es un elemento de colapso. Tenemos que mencionar aquí en el a s papá áspero. Pero más tarde, ahí te dicen que cubrieron eso y solo creando la etiqueta final. Y luego solo teclea lo que quieras poner aquí visiblemente para el odiar. Entonces el gurú de los paneles Hey, también no el alrededor, en realidad el odio grupal. Ahora salió de este panel golpeando prensa, entra y luego solo crea otro div, que debería ser la etiqueta de grupo. Pero no iban a mencionar que éste debía ser el grupo. En realidad, el panel de área plegable colapsa. Está bien, perfecto. Agregar en espacio y tipo colapso también. Eso es realmente perfecto. Bueno, agregando un espacio y terminando en yo d escucho lo que el i d ¿Quieres tiempo solo escribiendo C l A. Creo que acabo de hacer el completo tan claramente, cinco lo que sea. Ahora yendo a la etiqueta A y simplemente escribiendo lo mismo. El ceniza. Casi cinco. Definitivamente. Esto es perfecto. Ahora bajando y aquí sólo estoy presionando algunos intereses aquí. Y luego qué? Yo sólo voy a teclear es el ahora sólo voy a poner la UL. De acuerdo, entonces aquí solo estoy escribiendo el grupo de lista, ¿de acuerdo? Y voy a escribir al aliado. Todo es realmente fácil para ti porque ya sabías de estas cosas. Yo solo quiero mostrarles que cómo hacer la lista plegable usando el panel plegable. Bueno, bueno, ahí está el elemento de grupo de lista. Ya sabías de eso. Ahora, este es el vamos número uno. Por lo que listas número uno, replicar esa. Y ésta debería ser la de duplicar esa. Eso deberían ser tres. Lo que prefieras, puedes escribir ahí duplicado y el completo ahora. De acuerdo, Ahora baja de este grupo de lista y luego solo pon el panel Hey, comida de batalla. O en realidad, si solo notan que no pusimos aquí el cuerpo del panel porque simplemente lo pusimos, menos grupo en lugar del cuerpo del panel. Entonces solo ponen el d v l. Ok. Y luego solo en una clase baja, puedes entender que munis poniendo la comida del panel de ahora dentro de la comida penal o simplemente están Oh, perdón por eso. Voy a hacer esa otra vez. Está bien, Dave. Y luego qué? Simplemente lo voy a poner como el encabezado del panel. ¿ Es el alimento de salitre o es el panel Fouda? Puedes poner cualquier cosa, lo que prefieras. Ahora ve al navegador y simplemente actualiza ese. Ahora puedes ver al grupo del panel odiando cuando acabo de llamarme odiando. Ahora puedo ver todos los encabezados cuando se hace clic hacia atrás. Ahora está oculto. Entonces los chicos, espero, entendieron cómo crear a la gente aquí. Pero se puede ver que hay mucho texto que simplemente no necesitamos. Entonces por solo guiarte de una mejor manera, solo estoy eliminando los datos de los anteriores. En primer lugar estos Lester o en realidad sí, de todas las listas, esto es más preferido. El pelicula. Simplemente estoy moviendo toda la lista de propósitos, que acabamos de aprender ya. Entonces ahora es realmente simple, y solo hay un contenido aquí. Guarda eso de nuevo y ve al navegador y actualiza eso. Ahora se puede ver que el grupo del panel bateando. Entonces solo haga clic en pintura confiable. Puedo ver los datos, y ahora se puede entender que si yo estaba aquí en la plancha y luego refrescar ese ahora se puede ver que por defecto podemos ver la lista. Pero al tomar sus podemos hacer lo mismo, como escondernos o mostrar. Pero había algo más que solo para Deberías aprender sobre el listado. Entonces por ahora, solo voy allá afuera está fuera de este grupo de panel Olvídate porque solo quiero crear un nuevo grupo ahí consiguiendo al diablo. Está bien. En realidad, sólo voy a hacer el acordeón, que es cosa realmente interesante aquí en los grupos de panel. Por lo que el grupo de panel y luego simplemente yendo allá y consiguiendo un ojo de ocurrió el joven no guardar y luego presionar interino. Y entonces el diablo lo que el vidrio y se va a poner aquí está aquí agregando la clase y luego panel default. De acuerdo, salvé eso de vuelta. Y este Desprez algún interés y luego clase Dave, la otra clase, que es realmente necesario estar odiando. Vale, ya sabes que estar bateando es realmente necesario porque acabamos de poner los datos para que solo ponemos los datos clicables aquí en el rubro mayormente No, Sólo ve dentro de él y solo pon el F four y el H full inning tagen. Entonces aquí. En primer lugar, yo también estoy decidiendo los Colossi. El tipo del título del panel. ¿ Ya sabes de eso? Título del panel. De acuerdo, ahora yendo dentro de la H y otra vez que hacer lo mismo que terminar la, um a n h áspera Y lo que solo voy a poner en la HR ofende al ahora mismo la simple ceniza. Entonces sólo nos cambiaremos. Entonces, por cierto, datos, datos, ¿ ahora qué? Yo sólo voy a poner no voy a poner los datos, Tuggle. Yo sólo estoy escribiendo hizo un padre. ¿ Y qué es eso? Es evidente que el según un joven sólo estoy escribiendo acordeón uno para más seguridad y más comprensión. Pero cuando acabo de agregar la fecha padre aparente como de acuerdo una vez, que esto debe ser según uno, porque este es el padre de esto. Una etiqueta. De acuerdo, solo estoy llamando al padre. Entonces solo, um, um, comiendo algunos datos aquí y lo que hicieron. Sólo estoy comiendo aquí. El colapso acuerdo civil, los jóvenes no ahorran y bajan presionando internet ing. Otra cosa aquí, estoy decidiendo el Koloss y lo que sólo estoy poniendo en la tela es sólo el, um, um, colapso de Alaska. De acuerdo, solo olvidé lo que solo tengo que poner por cierto, estaba pensando en algo realmente confiando. Por eso me acabo de olvidar. Entonces, por cierto, solo escribo el colapso del panel y el colapso. De acuerdo, eso. Es realmente perfecto. Ahora lo que voy a hacer más es que sabes que ahí está la etiqueta a. Entonces sólo tenemos que poner la idea aquí porque se trata de un área plegable. Entonces C l uno Vale, ¿ ves? O creo que C. L. A. El sexo es más preferido ahora, simplemente en el hash y el C l. A seis. Y luego decir eso y simplemente ir ahí en el área de colapso y algunos pasantes y saltos de línea y luego justo en el Dev. De acuerdo, Ahora ve a los primeros y luego al Coliseo y maneja cuerpo. De acuerdo, ustedes los cuerpos del panel aquí. ¿ Qué? Sólo voy a poner terror en este cuerpo del panel. Simplemente estoy escribiendo. Esta es la zona del acordeón. Lo que prefieras, puedes teclear ahí. Bueno, lo interesante en el según es que sabes que este es un grupo de paneles y este es un panel. El yo solo estoy copiando el panel individual y pegando dentro del grupo de paneles fuera de un Cody y uno. De acuerdo, no se olvide eso. Y luego solo pega esto aquí. Guarda eso. Ahora se puede ver que ahora hay dos paneles, el padre de datos sigue siendo el acordeón uno, pero el realmente botín es C L. A siete. Y debe haber los casi siete. De acuerdo, ahora, esto es realmente sencillo, creo. Bueno, otra vez, si solo quieres ponerte unos páramos, simplemente copiemos este y solo colocamos este cabello. Y entonces otra vez, lo hecho aparente es esto. Díselo según uno. Ya sabes que este es el de acuerdo, pero los siete Seeley no lo sean. Deberían ser mareados ocho. Guarda eso y ve con el hermano y refresca que me reí. Diferentes acordeones, que en realidad no funcionan. Estos son los Acordeones significa que acabo de cometer algún error en alguna parte. Tengo que averiguarlo. Y el error es un realmente simple que Aquí se puede ver que este es un simple calentamiento. Esto no debería ser como la calefacción. Debería ser el panel odiando. De acuerdo, Así que guarde eso. En realidad, antes que nada, copia esa y pega ahí y allá. Ahora guarda eso y ve con el hermano y refresca que estos son los acordeones plegables. No están funcionando. Eso significa que hay algo más, que está mal. Y tenemos que averiguar qué es ¿Sabrás que si solo voy a la cima? Entonces el principal i d Este es el grupo del panel, y ya sabes que la inmunidad es el Estamos realmente acordeón. Ahora hay grabación, en realidad. Entonces las ideas principales, la de acordeón. OK, así que en realidad, aquí en las etiquetas A, todos los ocho huevos raros está llamando al won coreano. Entonces si solo llamas a un d. Así que tienes que poner el Hanshin en eso. Lo muy básico aquí debe ser el hash. Y ahí debería tener el hash tiene y luego refrescado. Ahora, cuando un disco hace clic en el acordeón plegable, sigue sin funcionar. Entonces vuelve atrás y pelea. Entérate del siguiente problema. Entonces son los padres de datos que está aquí, y sólo voy a añadir el Tuggle diurno. Está bien. ¿ Cuáles son los datos? Tuggle? En realidad se acaba de mencionar que ¿Qué quieres? Desplomarse? Deja que esto copie estos datos en total y pegue esto aquí en eso. Una etiqueta en eso. Una etiqueta. Está bien. Y no hay más. Guardar y refrescar. Ahora haga clic allí de nuevo. Ahora se puede ver que pudieron ver la zona del acordeón. De acuerdo, pero cuando di a conocer el 1ero 1 El 2do 1 ha perdido o realmente oculto. Y cuando acabo de hacer clic en el tercero ahora, todo el mundo está oculto. Sólo está abierto el 3er 1. A esto se le llama el acordeón plegable. Esperaba realmente paré sobre esto bien conocido algunas cosas más en la siguiente clase, así que mantente atentos y adiós. 26. 24 tablas de Bootstrap: Hola y bienvenidos de nuevo. Entonces básicamente, sabes que para crear el manual, generalmente usábamos la UL y Ally. De acuerdo, De esta manera, describimos el ul y luego dentro de la U. S. Acabamos de poner a los aliados, y luego creamos el manual, y luego aplicamos el diferente tipo de ceses, como flotador izquierda y luego el tipo de estilo de lista y lo que sea creando el manu. Pero hay un método fácil en el bootstrap. Yo sólo te voy a enseñar, por cierto, hash y tapar y luego una daga que aquí. El todo duplicar esto tres o cuatro veces lo que quieras y luego simplemente cambiando el texto porque solo quiero burdear una cosa simple y hermosa. Sophia Mobile en, uh, tecnología, lo que quieras. OK, ya sabes, guarda eso y ve con el hermano. Aquí está el expediente. Sólo estoy haciendo doble clic en el archivo ahora. Estoy consiguiendo el archivo aquí. Está bien. Ya sabes que esta es una manera sencilla de salir de un menú. Entonces ahora tenemos que usar diferentes tipos de cosas. Pero tienes Simplemente tienes que añadir una lista de clases en línea y nada más. Este tipo de lista en línea y guarde eso y vaya con el hermano y refresque eso. Ahora conseguí el Leicester en línea con la calle en un hueco específico. puede ver que es tiene, Ah, margen simple. A palmaditas que en realidad claro que acabamos de hacer al hombre You Okay, así que ahora algo más. Yo solo quiero enseñarte sobre lo mismo. Por lo que simplemente copia este, luego la UL y el espacio ahí. De acuerdo, entonces ahora no la lista en línea. Estoy quitando el listado Diamante. Sólo mecanografiando. Nunca. El duende es profundo. Parte del bootstrap. Y sólo estábamos hablando ahora tienen pestañas, vale. Ahora tiene un montón de cosas que aprenderás más adelante Medios para ellos. Para muchos propósitos usaron laboratorio. Y esto no es tener realmente. OK, ve con el hermano y refresca eso. Ahora me dieron la solapa de duende. Eso se puede ver cuando yo solo flote. Los pueblos se cierran. El ratón ahí está en efecto. Está bien. Y había una línea. Una larga fila. A esto se le llama el otro efecto fuera del menú o de la navegación. Pero si solo voy allá y aplicé el realmente aquí, solo estoy extendiendo cualquier espacio. Y creo que la pérdida de pista activa. Esto es otra cosa ahora renovada que ahora se puede ver que al usar el activo, se puede ver que hay un hermoso efecto potencialmente haciendo esto como una pestaña. Por eso se llama el tabulador. No creo que se vea típico, pero había algo más que debes saber sobre las pestañas y los menús. En realidad, podemos agregar los caídos del dedo del pie el a las pestañas también. Acabas de enterarte de los downs ya, Pero ahí solo voy a volar el desplegable en la u l n l I. Entonces qué hacer para este caso y aquí para aplicar el desplegable, tenemos que pensar, por ejemplo, Yo sólo voy a aplanar el desplegable hacia abajo al Móvil, el aliado móvil. Entonces vamos a tener primero la clase del desplegable. Entonces tenemos que hacer muchas cosas. Cosas definitivamente voy a hacer esto ahora. Acabo de decir el desplegable y luego va ahí a la etiqueta A y, uh, uh, liderando la clase fuera. Bajar muchos Tú. Ah, lo siento. Este lote debería ser preocupante a muchos. Este debería ser el Dragon Tuggle Porque el hombre que debes estar tras el a dag antes del final muerto aliado en algunos espacios. ¿ Por qué también has tenido este espacio aquí? A despejar que Este es el Centex específico del desplegable, Por cierto, están dentro de esta L A. ¿Sabes de las listas anidadas? En realidad, sólo voy a crear la lista anidada aquí. El u l Está bien, tú l y cubra eso Y ahí voy dentro de esto Lo harás. Y en realidad, antes de ir dentro de legis en la clase fuera del menú desplegable al aliado a la U. N y presionar A mentores y luego a los vivos. De acuerdo, eso no es típico trabajo del dedo del pie. Y luego una etiqueta en áspero me z hiper referencia y luego cubrir que poner otras cosas como sabías y luego poner el aire hash. Y luego aquí, volvamos a tomar el hogar o no El hogar en realidad la información móvil, porque solo estoy hablando del móvil, ya sabes, sabes, que la información móvil y luego la tecnología móvil, lo que sea usted tiene. De acuerdo, artículos. Esa es Claire. Pero hay algo donde hay que poner en la etiqueta a. Ya sabes que tenemos que usar los datos Tuggle y luego aquí desplegable. Y luego justo después del móvil, solo despejando por solo despejar que solo estaban usando el agarrar abajo. Pero antes de eso, sólo voy al navegador y refresco eso. Y ahora se puede ver que hay un móvil. Cuando se haga clic en un móvil, puedo conseguir el desplegable a la perfección. Pero en realidad, solo quiero aclarar que el móvil tiene algún tipo de caída. Entonces solo voy al bloc de notas de vuelta aquí y luego obtengo el espacio y la escritura y su lapso. Y luego simplemente está consiguiendo la tela de la corriente. Ya hemos aprendido del conteo. Vale, Ahora guarda eso y ve con el hermano y refresca eso. Ahora hay un letrero de zanahoria que aclara que hay algo dentro del móvil Cuando solo hago clic innombrable. Ahora tengo el desplegable. Creo que esto es perfecto y has aprendido muchas cosas sobre el desplegable, como debes saber. Por lo que aprenderemos algunas cosas más en la próxima clase declarando y adiós 27. 25 pastillas de Bootstrap: Hola y bienvenidos de nuevo cuando este vaso y te va a enseñar sobre las pastillas para crear el post. Usó dul de nuevo, pero las pastillas tienen algún estilo diferente. Te voy a enseñar cómo usar las pastillas. ¿ Y cuál es la diferencia entre las pastillas y tabulador? En primer lugar, sólo voy a entrar de nuevo a los Aliados. Eso es crear el ataque. Está bien. Y luego simplemente poniendo el hash. Ya sabes eso Por qué estoy poniendo ceniza, por cierto, aquí, solo estoy escribiendo duplicado casero. Y en algún miedo, lo que quieras teclear, puedes teclear aquí, Sophea. Y ahí sólo estoy escribiendo tecnología. Y luego se ponen en contacto con nosotros. Lo que quieras poner, puedes poner aquí contáctanos, Norm. Simplemente yendo a la etiqueta u l. Y aquí agregando cualquier espacio y agregando en adicional Kloss off knave primero porque esto es parte del nunca más. Y ahora si solo recuerdas que usamos tenemos pestañas. Pero ahí estaban usando las pastillas. Acude al hermano y refresca que estas son las píldoras ahora, píldoras simplemente pareciendo las pestañas, pero definitivamente aquí tenemos la capacidad de seleccionar la realidad, Sin embargo, cualquier elemento pero algo Mawr. Si solo voy allá y solo pongo un colosal efectivo No. Las diferencias cuando acabo de refrescar que ahora se puede ver que la clase activa es como una primaria. Y aquí, las pestañas, las gafas activas, al igual que la ficha. Esta es una diferencia entre la ficha y las píldoras de los tills, en realidad. Bueno, si solo quieres crear el desplegable en las píldoras Así de nuevo, solo haciendo las mismas cosas por ahora en esta copiando la UL con Navin de pastillas y pegando aquí, ahorrando y en realidad allá. Sólo voy a elegir la tecnología, um t. Entonces aquí en la L I. primer lugar, solo estoy sumando la clase del desplegable, haciendo lo mismo que antes en las pestañas de pañales aquí. Ya sabes que agregando la clase del desplegable y luego frota hacia abajo y luego simplemente yendo al extra por el a tag. Y esto quitando la clase ah, bajando Tuggle y sumando en su base ahí dentro. Increíble. El dato. Tuggle. De acuerdo, bajad. Está bien. Guardó eso. Eso es perfecto. Y entonces va ahí porque yo sólo quería en esta sartén sólo en realidad la flecha para aclarar que este elemento es ah, en realidad tiene algún tipo de carro fuera. Ahora eso es perfecto. Ahora lo que sólo voy a hacer más es sólo sumar a su ritmo. primer lugar, sumando entrar aquí el salto de Enprimer lugar, sumando entrar aquí el salto delínea y consiguiendo un tabulador y luego yendo allá antes de la l A. Después de los ocho tenía bien, esto manteniendo esto en la posición perfecta aquí solo arrancando la UL. Ya sabes, todo es esto solo parece como lo hacíamos antes. ¿ De acuerdo? Acabo de agregar la u l Y aquí estoy decidiendo el aliado que deben ser y debo estar en lo correcto . Y luego la a etiqueta hiper referencia. Y en este momento, solo estoy agregando la cubierta hash que y luego la, por ejemplo, la tecnología informática. Y entonces solo supongamos que sólo estoy escribiendo aquí la tecnología móvil y luego la tecnología ambiental mental en Vyron . Pero no tengo idea de lo que sea. Sólo estoy escribiendo. Pero refresca que ahora está la otra cosa nueva. Pero puedes ver que el menú está abierto porque no agregué la clase del desplegable aquí abajo , lo cual es realmente necesario. Suelta los muchos abajo. Guardaste eso y refrescas eso. Ahora, cuando se haga click ahí, puedo conseguir el menú. Esto es realmente perfecto y realmente simple para crear el menú. El menú desplegable usando las pastillas. Entonces vamos a aprender algunas cosas más sobre las píldoras. Voy allá y en realidad simplemente copiando el 1er 1 Este. OK, porque solo quiero mostrarte algunas cosas más. Este carping, este Palin acaba de pegar justo después de la última píldora, el derrame desplegable. Y luego está agregando otra tela que nunca revisaron. OK, guarda y ve con el hermano y refresca eso. Ahora se puede ver que el hover Manu las pastillas flotante se llama la Etiqueta Navis, que es realmente simple otra vez, simplemente copiando esta. Y entonces sólo quiero jugar otra clase. El quitando estos atacó por completo también con solloza, ahora yendo a hermano y refrescante. Ahora esto es un sencillo pero si me acababa de tener el duende solo para despedir no guardar y refrescar datos, se puede ver que el dinero estaba totalmente justificado de acuerdo a la pantalla, y se enorgullece tanto como necesidad, Así que a todas las cosas sólo se les llama el píldoras. En la siguiente clase, aprendes algunas cosas más en el bootstrap, así declarando y 28. 26 Tablas dinámicas y de las pastillas de Bootstrap: Hola y bienvenidos de nuevo. Entonces en esta clase, solo te voy a enseñar algunas cosas más fuera del bootstrap. En realidad, estás a punto de hacer las píldoras y pestañas dinámicas. En primer lugar, en el Coloso fuera del duende y nunca pastillas. Ahora ve dentro de la UL y agrega algunos l En realidad me acaba de poner la etiqueta, que no es el elemento real. Ahora A y luego cubriendo eso y él esta tipeando casa otra vez para aplacar. Sólo olvídate del todo. O por ahora, sólo recuperarlo. Porque había algo más que tenemos que poner en la etiqueta A principal, los datos Tuggle. Está bien. ¿ Qué quieres remolcar aquí? Píldora. De acuerdo, No salva. Y ahí voy sólo estoy poniendo el p uno aquí en este momento, duplicando Entonces simplemente voy claramente que qué p uno? Entonces sólo sal del Juel Por ahora. Yo sólo voy a revisar al hermano. Refresca que ahora puedes ver que se aplica, pero en realidad aquí solo estoy creando la etiqueta dip, ¿de acuerdo? Y yendo dentro de las etiquetas diff. Ah, elemento forestal. Y ahora solo escribe el contenido de la pestaña. De acuerdo, Ahora ve adentro. Este Dev y simplemente poner algunas otras cosas. En realidad, este es un grupo fuera de múltiples vidas. El contenido de la pestaña es un grupo de múltiples consejos da aquí. Sólo estoy escribiendo. Este es el P one div significa que estoy hablando de éste. Esto debe BP para ser tratado antes. De acuerdo, éste es el dp está muerto. Ahora ahí tenemos que añadir un poco de Coloso es el dolor de tabulación y luego agregar cualquier espacio y agregar en 90. Entonces, ¿cuál es la idea para el p uno es P uno? Vale, Ahora la idea es un enlace entre los dos y luego simplemente duplicar que cuatro veces p dos p tres p cuatro p para ser tres p cuatro guardar e ir al hermano y refrescar que ahora cuando se haga click en casa, yo se puede ver este es el P un día cuando se da click en Petri. Ya sabes, esto es un P tres p dos p completo. Todo está funcionando Bien, Pero ahí sólo quiero ver esto l el elemento las sartenes en el estado de ánimo de desvanecimiento. Está bien. Yo sólo quiero a Teoh. Ah, te mostraré lo que sólo quiero. Por lo que simplemente pega el destino cerca que los todos los elementos refrescaron esa otra vez. Ahora, cuando se cocina en casa, se puede ver que la P viene con un suave bien y va realmente suavemente luciendo perfecto . Se puede ver eso al temer más y luego volver al bloc de notas y cuál se desea abrir por defecto, ejemplo, el Petri. Entonces vamos sólo a la clase fuera del I y al P tres y vayamos con el hermano y refresquemos. No es por defecto la apertura. Y en realidad hemos leído otra clase, el coloso activo. De acuerdo, ahora yendo con el hermano, por ejemplo. Yo estoy ahí. Pero cuando es francés ahora se puede ver que este es el P tres días. De acuerdo, siempre que un poco fresco. Pero aquí, esto no es mencionar lo que qué píldora ha sido recolectada automáticamente o por defecto . Entonces ahí tenemos que añadir lo mismo la clase off activa. Ahora guarde y luego refresque Se puede ver que la turba reductiva pero unida zona asolada . No puedo cambiar el foco, pero antes de la p tres. Bueno, la otra cosa es, ¿quieres conseguir lo mismo? El contenido de las píldoras nerviosas y tabulador en la pestaña A No las pastillas. A Por ahora, simplemente estoy copiando el contenido de la pestaña y no tenía pastillas. Las dos cosas bien. Y simplemente pegando este cabello. De acuerdo, Ahora primero implica esto ya no son las píldoras. Estas son las pestañas. ¿ De acuerdo? Y para el p uno, solo estoy escribiendo t uno para el perfecto emparejamiento P t dos t tres t cuatro. Y aquí. Definitivamente. Tenemos que cambiarlo. ID t una t dos t tres t cuatro. Eso está perfectamente ajustado. Ahora, ¿cuáles son los datos que quieres? Tuggle ya no es la píldora. Es la pestaña de la pestaña en la pestaña. Todo debe estar en la presentación de la manera de la píldora. Ahora guarde eso. Acude con el hermano y refresca eso. Ahora tenemos las muertes. Las pestañas ahora pestañas dinámicas es justo cuando solo miro en el hogar, estoy consiguiendo el hogar y acaba de hacer clic en el hogar de nuevo Inicio. Pero el antes alma Es abrir al pueblo y a Peter y lo que quieras. Entonces creo que esto está funcionando perfectamente. Entonces espero que aprendas muchas cosas en esta clase. Aprendes algunas cosas más en la siguiente clase. Mantente atentos y adiós 29. 27 Pager de Bootstrap y Pager Pager Pager: Hola y bienvenidos de nuevo aquí y ser fluido contenedor. Sólo estoy poniendo algunas cosas más. Algunas cosas nuevas para el bootstrap. En realidad, sólo quiero mostrarles el buscapersonas Indep alienación. Los dos son realmente interesantes. En primer lugar, un hombre en la clase del buscapersonas y lo que en realidad es el buscapersonas es otra vez estoy pensando que usamos la UL en lugar de adictivo. Entonces solo estoy actualizando este cisne y éste en ul y luego justo aquí agregando aliado otra vez, vivo y luego el anterior bien, y luego aquí, metiendo en una etiqueta como cubierta de hash Bill, tapan el cierre aquí en el aliado, replicando. Y están en esta mecanografía anterior. De acuerdo, creo que la clase fuera anterior y aquí encontrando la clase fuera de la siguiente, quitando lo anterior y escribiendo siguiente aquí guardando, yendo al navegador y refrescando. Ahora se puede ver que el anterior y el siguiente. Pero, ¿cuáles son los anteriores y los siguientes? En realidad, son las longitudes para ir a la página anterior o ir a la página siguiente o a la siguiente luz o diapositiva anterior. Se puede utilizar de qué, qué manera se desee Poniendo la derecha en ref. Bueno, definitivamente ahí. Justo este niño por ahora porque no hay ningún Edwards o no hay ningún lenguaje de programación que aplicamos fue por qué están tan lejos el uno al otro. Simplemente porque el elemento principal el elemento contenedor es así, escritor, si usas la columna me gusta y la columna el para mirar OMG tratar, entonces estarán tan cerca sólo porque fuera de las etiquetas aparentes. Entonces al hacer esto es solo un buscapersonas en el siguiente, uh, paso, solo te voy a enseñar sobre la página en nación aquí, la otra UL y la clase fuera de la UL aquí clase, paginando nación. Y eso es poner al aliado dentro de la página en nación. Y luego otra vez, lo mismo que va dentro del aliado y pone la hiper referencia y en este momento, la tapa de hash y luego una para liberar a tonto cinco y seis. Guarda eso y refresca eso. Se puede ver que 123456 En realidad, la paginación que podemos agregar en cualquier lugar cuando solo creamos la página y para cambiar la siguiente página. 123456 Y cuánta longitud se llega aquí. Entonces esto es realmente simple y realmente fácil. Pero una cosa más que se puede ver que esto no está en el centro. Yo sólo quiero la paginación en el centro fuera de página. Entonces para este caso, solo voy a crear un nuevo div. Bueno, hemos aprendido del centro de texto, cual solo estoy aplicando con este centro de texto de joyas. Está bien, así que definitivamente estoy cortando este cd todo ul y está pegando esto dentro de éste , el centro de texto. Hemos aprendido del centro de texto en las clases muy iniciales. Cuando solo hablamos de los estilos de texto o algo así Ahora puedes ver que la emisión de página está en el centro de la página. Por lo que se ve bien. Entonces estoy decidiendo la clase efectiva aquí con el número tres OK, solo por mostrarte que cómo se ve cuando alguna de las clases activa. De acuerdo, tú para que veas que se puede hacer clic, no lo es. Y, por ejemplo, simplemente no quieres que se pueda hacer clic en el número cinco. Por lo que en la clase de nuevo y tipo discapacitado ET es realmente importante. OK, fresco eso. Ahora se puede ver que hay un cartel apagado. Sin link o sin click su deshabilitado, en realidad. Bueno, ahora voy a hacer otra cosa. En realidad copiando el centro de texto y bastando ahí, Ahí, Pero justo a través del tiempo está bien. Y luego para los tontos Ok, Para el 1er 1 estoy agregando otra vez la paginación, ¿de acuerdo? Y la paginación sm y ahí no estoy agregando nada porque se trata de una simple nación de paginación . El vacío de paginación, que es un por defecto, así que no es necesario poner la paginación MD y luego la página en nación. De acuerdo, LG Vale, la emisión de la página. Pregúntales Y la paginación ambi que por defecto Sedona no necesita poner la página nación Amdy y luego la paginación LG guardar e ir al hermano y refrescar este mundo. Esta es la paginación como ellos Se puede ver que se trata de una paginación MD que es la caída del cuerpo y esta es una emisión de página lg Espero que los hayas aprendido todos así que necesito ir a la clase más allá para aprender más cosas sobre el bootstrap. Mantente atentos y adiós 30. 28 Bootstrap Navbar: Hola y bienvenidos de nuevo. Entonces en esta clase, solo quiero enseñarte algunas cosas más. Pero ahí no necesitamos seguir flotando en la cima. En realidad, haremos que el fluido continuo dentro del elemento sea el elemento de duende. OK, esto no es necesariamente poner la etiqueta de duende. Empieza a usar tigres vivos ville. Porque sólo tenemos que sumar la clase de la naba aquí. Solo estamos creando y tenemos. Y ahora esta es tu elección que utilices una etiqueta de knave o el general que han etiquetado. Por cierto. Acabo de crear suficiente. Dagenham va dentro de esta etiqueta y luego allá. Solo estoy poniendo el contenedor aquí, ¿de acuerdo? Porque esto es realmente necesario para el contenedor en este momento. Solo estoy creando un contenedor simple. Entonces solo te mostraré que ¿Cuál es la diferencia entre el líquido del contenedor en el contenedor dentro de la barra nunca? De acuerdo, así que dentro del contenedor, tenemos que crear un día y ahí la clase debería estar el oidor del bar de duende. Está bien. Acabo de crear el bateador, y dentro del bateador, tengo que escribir algo como, primer lugar, la etiqueta a A y la clase si a es la marca de barras de duende. Ahora ve ahí, cubrí eso y luego pon algo así como las botas. Está atrapado. De acuerdo, No, guarde eso. Y lo que sólo voy a condenar o es sólo ah, ir allá agregando en el espacio y usando el extra si sabes que la atrofia es realmente importante en la etiqueta A. Bueno, justo después del Haight alrededor está creando otro Dave. Está bien. Y dentro de esto, Dave, solo estoy creando la UL de esta manera. Tú yo y luego dentro de la, um solo estoy creando un coloso fuera de la barra de gallo. Nunca. De acuerdo, ahora, ¿cuál es el nab nuestro En realidad es una navegación que está dentro de la barra de gallo. De acuerdo, no las pestañas ni las pastillas. O qué tal tan aliado y entonces serían los primeros aliados. Y luego simplemente agregando una clase otra aquí, debería ser la activa. O si solo quieres activo, otro. Entonces dejémoslo libre, Melody una etiqueta y esa áspera y luego la ya sabes que esto debería ser un áspero, y luego la etiqueta hash, tapar un a y luego escuchar lo que solo voy a escribir es todo bien ahora duplicar que Just supongamos que sólo estoy escribiendo auto justo. De acuerdo, música, Lo que quieras crear, es divertido. Contacta con nosotros, ¿de acuerdo? Es no. Guarda eso. Y ahora cuál quieres como el activo? Simplemente te enseñaré cómo y fueron, Bueno, Bueno, esto es un simple, nunca bar que luce perfecto. No, porque no tiene efecto extra. Ahí hay uno sencillo. Este es el Este es el realmente el título del logotipo o el nombre de la calefacción. Y estos son los menús. La audición va allá otra vez. Y luego simplemente yendo a la nunca bola el medio que pedir prestado. ¿ Difundir algún detalle, tratar para el siguiente bar? Solo estoy usando el default never bar en este momento. Hay dos estilos para la barra izquierda. Cuando acabo de refrescar eso, ahora se puede ver que hay un área grande, y luego se puede ver que estos elementos se han cubierto en el color de la herramienta gris oscuro . Por cierto, si simplemente copio este o simplemente cambio el valor predeterminado en remolque, inverso, inverso, guarde eso atrás y refresque se puede ver que el este es efecto inverso, que es más hermoso que el anterior por cierto es sobre ti que cómo usas bien, la nueva música debe ser el coloso activo en decidir la clase activa con la música activa , ahorrando ese final refrescante que se puede ver que el colectivo musical al que se le ve el activo. Las otras cosas son, si solo agregas algunas cosas más por ejemplo, decides que no tenía barra otro estilo de la barra de tuerca y tipo fijo significa que solo quieres arreglar tu barra nerviosa. Está bien, hay dos lados. Tu recon arregló tu barra de siesta hacia arriba y hacia abajo, tan refrescado que ahora no estoy consiguiendo nada especialmente especial. Pero en realidad, cuando acabo de poner los datos para que Aaron's realmente arregle, solo intenta poner los datos justo después de la navegación. Entonces puedes encontrar que cuando desplaza tu pantalla, tu bateador está fijo. No se está arrastrando. Entonces, por cierto, podrías teclear otra cosa también el fondo. Ahora guarda eso y refresca eso. Ahora puedes ver que eres de Hillary en la botella. Bueno, esto no es necesario para escribir los elementos como el menú. Cuando acabas de poner la novela en el fondo o menú o al odiador, puedes escribir cualquier cosa dentro del Na'Abba. Bueno, lo otro es que podemos agregar el desplegable para negar barra también. Entonces son lo que solo voy a hacer es quitar el fondo fijo para arreglar primero arriba. De acuerdo, ahora ahorrando y cuál quieres hacer el desplegable. Por ejemplo, el software. Entonces en un Coliseo, la clase esperada, ya sabes, bajaron usarán lo mismo que pudimos justo muertos antes de que las mujeres solo estuvieran hablando del nab nuestro Y entonces tenemos que sumar el coloso con algunos de los cosas como esta una etiqueta. Y solo estoy agregando la cláusula desplegable Tuggle aquí, ¿de acuerdo? El otro cosa son los datos Tuggle, Sabes que si acabas de usar el desplegable, entonces tenemos que usar los datos Tuggle, Ezzell, y definitivamente este es un elemento javascript. Entonces decidimos bajar, y la Safiya y la hiper referencia deberían estar vacías o simplemente como el hash. Eso es realmente perfecto. Y luego, justo después del texto lo tomó después de esto, después de texto o lo que sea el texto legislar este panto claro que quieres, Lo has tenido. Algo así como el desplegable significa omitir la clase fuera cuidarlo, ya sabes, pero la zanahoria. De acuerdo, ahora, justo después de justo antes de la etiqueta final del aliado. Yo soy esto presenta un mentor que sólo poner la u l Aquí. De acuerdo, Ahora, por esto lo harás tú, yo estoy decidiendo el Kloss. Ah, de esta manera. Y luego el desplegable muchos Estás bien ahora yendo dentro del menú desplegable y luego solo consiguiendo el aliado aliado Y luego aquí el a a dibujante hiper referencia. Y entonces esta es otra vez la etiqueta hash. Ahora una portada, la a Y entonces aquí sólo estoy escribiendo el por ejemplo. Um, software de Windows está bien. Lo que quieras escribir, puedes teclear aquí que el solo estoy escribiendo el Mac o Apple. Sophia. Está bien. Y ahí el escritorio encimera nuestro miedo. Lo que quieras llevar, lo guardaremos e iremos con el hermano. Refrescante. Ahora se puede ver que esto después tuvo un hombre, usted o en realidad el enlace de zanahoria. Cuando se haga click ahí, puedo conseguir los muchos Oh, el menú desplegable. Por lo que espero que realmente hayas entendido sobre el desplegable en el Nabaa. Roseville. Entonces este es el momento de aprender algunas cosas más. Ya sabes que esto es un bootstrap. Este es el menú. ¿ Por qué no un just put? Sí, solo voy ahí y en otra cosa. Bueno, una cosa en la que solo quiero aclararte que podemos crear múltiples menús. Menú múltiple, como knave. Ahora, Burnaby, solo te enseñaré lo que voy a hacer. Entonces solo te enseñaré otra cosa. Nunca bar aquí mismo. ¿ De acuerdo? ¿ Cuál es el significado del netball, verdad? Es tu sencillo que cuando acabas de refrescar Ahora puedes ver que el nunca bar este elemento , que tiene suficiente por derecho, tiene están en el lugar correcto. De acuerdo, Ahora, sólo tienes que copiar este y pegar ahí. ¿ De acuerdo? Entonces aquí solo estoy quitando eso. Tener por ahora guardar y refrescar. Ahora se puede ver que el manual ahí y el segundo menú está ahí sólo porque simplemente lo ponemos el nunca bien con el menú del segundo. Yo solo estoy colocando a los dos porque solo quiero enseñarte y debes probar esto cada vez más lo hará Algo más, que yo solo quiero enseñarte. Y esta clase es si solo voy a la zona superior y este es el contenedor. Está bien. Ahora se puede ver que había una gran brecha. De acuerdo, sólo por el contenedor. Pero si solo escribo el contenedor y el fluido de guiones, guarde y refresque que ahora se puede ver que la brecha es muy tinny ahora. Bueno, en la siguiente clase, te enseñaré algunas cosas más sobre el bootstrap, así que mantente atentos y adiós. 31. 29 Diseño de formulario de Bootstrap (1): Hola y bienvenidos de nuevo. Entonces en esta clase, solo voy a dar clases sobre las granjas atadas de águila. Entonces algo Algo sobre las formas. Debes saber que podemos crear las granjas verticales. Podemos crear las formas en línea y cosa realmente interesante en el bootstrap. Y entonces podemos crear la forma. Horizontal es formas horizontales. Significa que te guiaré a todas las granjas arbóreas fuera de la forma que en realidad se llama el formalmente fuera en el bootstrap. El 1er 1 debe la forma vertical. Bueno, el defecto se apagan. Crear la forma en bootstrap es en realidad la forma vertical. Entonces está el fluido del contenedor, y solo voy a crear el elemento de forma. OK, estoy distorsionando la creación del formulario usando el formulario etiquetado en la etiqueta informada y yendo dentro o justo antes del formulario. Simplemente voy a agregar el bateo usando el buscapersonas. Si solo recuerdas que acabamos de hablar de la página o en algunas clases anteriores aquí. El de la página también otra página o página odiador. Está bien. Está bien. Por lo que se están reuniendo en el espacio y después el grabado para cada uno. ¿ De acuerdo? Lo que prefieras. Conoces lo mejor de tu necesidad en uno y más joven encabezando Bootstrap. Diseño completo. De acuerdo, lo que sea. Ahora ve con el hermano y refresca. Ahora se puede ver que las botas dejan caer el diseño de forma. Vuelve al bloc de notas y entra dentro de los elementos de forma. Y en realidad, escuchas, si solo recuerdas que tenemos que usar el diseño de tabla para crear el formulario, la forma perfecta, o tenemos que crear mucho CSS si solo quieres crear el si solo quieres usar la muerte por las formas. Pero aquí en el bootstrap, no necesitamos crear nada. Basta con escribir la etiqueta de Dave y luego acaba de mencionar la clase fuera del grupo de formularios. De acuerdo, bueno, dentro de un grupo, sólo tenemos Simplemente no puedes poner dos cosas la etiqueta y que la entrada o la etiqueta, La otra etiqueta forma Paige. Cómo podemos hacer eso. En primer lugar tenemos que añadir la etiqueta. Está bien. Y ahí, en la etiqueta de los primeros, estoy decidiendo el atributo completo. Y luego está poniendo el nombre en realidad. ¿ De acuerdo? Cualquier cosa que quieras escribir, sabes lo mejor de la sobre tu necesidad ahí. Sólo voy a poner el tipo de entrada. Um, texto. De acuerdo, simple. Esto es perfecto. Pero cuando sólo voy con el hermano y refresco eso No, esto no se parece a mí. Este. Este es un simple elemento de forma. El tag de entrada sin ningún bootstrap. Entonces antes que nada, aquí sólo tengo que tomar algo como tu nombre o lo que quieras. Y entonces lo segundo es bueno en. Protagonista, poner el control de forma de clase. Esta es la única clase en los elementos de formulario dentro de los elementos de formulario para aplicar a las importaciones. Selecciona etiquetas y el otro perro como área de texto creada por el bootstrap. Acude con el hermano y refresca que Puedes ver que tu nombre. Esta es tu etiqueta. Y esta es la etiqueta de entrada cuando se cocina ahí. Ahora puedes ver que tiene una hermosa sombra alrededor del elemento y luciendo realmente, realmente hermosa para crear una forma. Por ahora, solo estoy quitando el líquido del contenedor. ¿ De acuerdo? Y luego salvando esto. Y ahora refresca eso de nuevo. Ahora se puede ver que en forma está poco apretado y se ve perfecto. Bueno, para el siguiente elemento, basta con copiar Grupo deformado una vez o mucho tiempo cuando quiera. De acuerdo, entonces este es un nombre. Este es tu correo electrónico. Lo que quieras. Tu correo electrónico, tu contraseña. Está bien. Y venado confirmó Pasaporte. Cualquier cosa que solo querrás poner bien contraseña para el correo electrónico. Y está poniendo el nuevo elemento de estimación cinco. El correo electrónico para validar este campo de texto. Y para el pasaporte, usamos la contraseña, que es el correo electrónico más antiguo A y para el pase de confirmación o definitivamente, deberíamos volver a usar la contraseña. Ahorra y ve con el hermano y refresca. Ahora puedes ver que hay tres elementos perfectamente alineados con el margen perfecto y palmaditas luciendo hermosa. De acuerdo, si solo quieres a Teoh, asegúrate de que si solo piensas que la altura es que los videos eran realmente enormes fuera de esto, estos elementos dejaran solo poner estos elementos dentro de la columna, por ejemplo. Yo sólo voy a la etiqueta me inform, y ahí está poniendo la clase fuera de la columna. MD ocho. Si tan solo recuerdas, acabamos de enterarnos de los elementos de forma sobre las corrientes. Ahora se puede ver que estos se exprimen 11. Pero no voy a poner el Coliseo porque sólo quiero mostrarles el formulario como funciona el teléfono . Pero la otra cosa es, solo voy a copiar deformar la etiqueta de formulario completa dentro con su este elemento interior, por cierto. Y son sólo una cosa que tenemos que hacer. En primer lugar, refresca eso Ahora puedes ver la nueva forma a tu nombre. Y luego Pero antes de eso, creo que debería copiar el bateador de página Advil, y pegarlo aquí. Y luego este tipo filo lleno a las cuatro. Y el bootstrapped en forma de línea. De acuerdo, así que ahora haz una cosa en la etiqueta de formulario agregando el Kloss en Lyon. Perdón por la forma y en la música de línea, Forman. Vida salva y vaya con el hermano. Y refresca eso. Ahora puedes ver que tu nombre, tu correo electrónico, tu posible en tu contraseña de conferencia. Todo está de la manera en línea luciendo realmente perfecto, espero. Interesados por crear el formulario en línea. Lo último aquí, la realmente la última forma de crear una forma es la forma horizontal para la forma horizontal . Llevado a simplemente copiar este formulario de nuevo con el odiador de páginas. ¿ De acuerdo? Y están pegados. Y luego solo teclea las botas. Dejar caer Hori Zon, Tal forma Guarda esto y luego sólo tienes que quitar esta clase o simplemente una grande la clase en forma para su tío en lugar de la completa en línea horizontal. De acuerdo, guarde esto y luego en el formulario en el grupo de cada formulario. En primer lugar, hagamos la etiqueta y la entrada como columna para la etiqueta. Yo estoy decidiendo el colapso. En primer lugar, la etiqueta de control. Bueno, acabo de decir el país tal vez más adelante, porque sólo quiero mostrarles lo que puede hacer. Está directamente en el carbón MD dos, ¿de acuerdo? Y luego para crear el tenemos que crear una nueva columna para la entrada. Así que simplemente al diablo y luego justo al cierre del genial MD ocho o 10 lo que quieras . Solo estoy poniendo 10 y luego simplemente copiar o cortar esta entrada y pegar este pelo. Ahora esto es más perfecto. Bueno, sólo voy a mostrarte lo que acabo de hacer. Refresca eso. Ahora puedes ver que esto es lo que acabo de crear. Bootstrap diseño de forma horizontal y luego tu nombre. Y se puede ver que los dos elementos están de la manera horizontal. Pero por qué acabamos en el, uh yo solo voy a enseñar sobre la etiqueta de control. Tenemos que tener aquí la etiqueta de control para la etiqueta horizontal Elements Control. ¿ Por qué? Simplemente usamos la etiqueta de control en la etiqueta si solo creas la casa horizontal porque puedes ver que esta es la columna que tiene dos columnas o esta área tiene dos columnas, y esta área tiene un 10 columnas. Por lo que el área de las dos columnas está empezando desde la misma izquierda. Pero cuando acabo de poner la etiqueta de control ahora refrescado que ahora esto no está partiendo de la misma derecha. Tan cerca la columna 10 que es la que sólo quiero. De acuerdo, así que ahora simplemente haz lo mismo con el cada elemento. Entonces por ahora, solo estoy borrando estos tres elementos porque solo tengo que Ah, realmente que la forma. Entonces, antes que nada, estoy quitando el texto, ¿de acuerdo? Los espacios extra. Y luego simplemente copiando el grupo de formularios y pegando este pelo aquí y aquí varias veces lo acabo de basar. Acude con el hermano y refresca que Ahora puedes ver que se ve más perfecto. Pero en lugar de la forma tu nombre, solo voy a cambiar esto para que sea más hermoso. El correo electrónico y la contraseña pelo restableciendo el pasaporte también. Está bien. Y ésta es la contraseña confirmada. Ahora, guarda eso y refresca eso. Ahora puedes ver que Tu nombre? Correo electrónico Contraseña. Inglaterra. Imposible. Todos ellos partiendo de lo muy realmente terminando a la misma derecha. Y está empezando por el camino correcto. Entonces esto es lo que solo quiero crear. Y esto se llama Informar horizontal. Bueno, hay esta película nada en la forma elementos se sienten que acaba de hablar en la siguiente clase, así que mantente atentos y 32. 30 elementos de formulario Bootstrap (1): Hola y bienvenidos de nuevo. Entonces en esta clase, solo te voy a enseñar sobre algunos o elementos de forma bootstrap. Entonces para ello, lo que tenemos que hacer es simplemente copiar. Pues bien, esto no es necesario para crear la forma de manera horizontal o vertical. Yo sólo estoy disparando la horizontal porque este es el último día. Bueno, ahí simplemente copiando éste pegando aquí. Lo que voy a hacer es en primer lugar, sólo eliminar la contraseña de confirmación y escribir Comence. Está bien. Ya sabes que no pueden conseguir los comentarios en el área de texto. Tenemos que conseguir los comentarios en el ya sabes, primer lugar, sólo escribiendo aquí. El que viene bien, una cosa que estoy descartando continúa es la idea que tenemos que mencionar para despejar que la etiqueta y los insumos o en el enlace, aunque tienen que hacer el i d escuchar, escuchar todos y proteger esos que tienen las etiquetas. Entonces, por cierto, ve al navegador y refresca que me dieron el nuevo elemento, el comentario. Pero en realidad, simplemente no quiero este tipo de elementos. Sí, estoy viviendo en quitar la entrada porque sólo quiero el área de texto. De acuerdo, Ahora ve a la primera etiqueta de la zona. Empezaron tachuelas de la zona y en Aya quirúrgica para luego poner el control completo. Pero con solo poner el control de formulario, el área de texto es ahora el elemento del bootstrap y luciendo realmente perfecto. Bueno, si solo quieres agregar algunos va para todo el yo también está en solo rahs y poner el ¿Cuánto? Razi uno, por ejemplo. 10. Ross. Entonces refresca eso. Ahora me dieron el giro aquí buscando con el super. Entonces para el siguiente elemento, simplemente estoy copiando de nuevo el grupo de formularios. Y este basting ahí. De acuerdo, así que por ahora, con lo que sólo voy a hacer en realidad, sólo estoy en un tipo los libros de chicas. Entonces para la casilla de verificación, tenemos que cambiar su estrategia it. Dejemos simplemente quitar el 1er 1 Los últimos elementos la textura, realidad es columna y luego ir dentro de las idas. Y antes que nada, quita este también. Medios para retirar nuevamente las columnas y en realidad dentro de la etiqueta. Solo pongamos la entrada, vale, vale, porque solo voy a crear la, ya sabes, sabes, entrada y luego teclear chequeros cubran eso. No, Deja que escriba lo que quieras. Por ejemplo, En primer lugar, sólo estoy haciendo una cosa que presionar en torrencial es poner un Dave. O en realidad, estoy describiendo el pelo de la etiqueta. OK, etiqueta. Otra etiqueta es la etiqueta. Y entonces aquí estoy justo ahí en el Kloss y solo estoy escribiendo etiqueta de control y luego terminando en ST en la columna M d dos y luego él esta grabando que, uh, mata lo que quieras apretado, puedes escribir habilidades. De acuerdo, ahora, aquí esta es la primera etiqueta de unos, y solo estoy mencionando, o en lugar de la etiqueta, primero lo primero tenemos que poner un muerto y dentro de esto con lo que voy a hacer en realidad teniendo el cierre de la casilla de verificación. Esto es realmente necesario para crear la casilla de verificación. Y ahora solo cortemos este y peguemos este pelo con la ciencia y su distintivo aquí y ahora es la casilla de verificación. Y en lugar de los comentarios que estoy quitando antes zona porque esto no es realmente necesario para diseñar morado. Entonces, por cierto, ve con el hermano. Pero antes de que vayan con el hermano, que este tipo html obligue o religioso copie toda la casilla de verificación. Copia uno. Y ah, pega, pega Y una cosa Mawr. Cuando acabo de crear la columna de uno aquí. Entonces deberíamos crear otra columna también, Porque no estoy usando las chequeras individuales. Estoy creando mucho más para escuchar la ropa nueva y el carbón MD volver a girar. Esto es 21 esto es 10. Ahora, dentro de la columna 10. Simplemente corta todas las casillas de verificación y pega dentro de esto ahora legis una justicia. Ahora guarda y ve con el hermano y refresca. Ahora, estas son las habilidades que puedes ver y luciendo realmente perfectas las habilidades. Entonces lo que voy a hacer es en realidad En segundo lugar, legis simplemente copiar toda la forma creció a ritmo. Refrescar. Ahora bien, se trata de un nuevo unos elementos. Pero ahora mismo solo estoy agregando otra cosa interesante en las etiquetas fuera. No esta etiqueta. Este nivel es sólo para así como el odio. De acuerdo, esto para el ya sabes que este asesinato declarando Butare dentro de estas etiquetas donde simplemente lo ponemos la, um, etiqueta de control aquí. No necesitamos poner la etiqueta de control. De acuerdo, Déjennos algo de la etiqueta de control y eso sólo escriba la casilla de verificación. Está bien. Más largo despejar eso. Simplemente no necesitamos poner la etiqueta de control ahí y allá y allá también, porque definitivamente se usan inutilizables. No pueden hacer nada en las etiquetas. Bueno, ahí, sólo estoy consiguiendo las casillas de verificación. Y acabo de tener la casilla de verificación aquí, Así que no es sencillo. Casilla de verificación la casilla de verificación en línea. De acuerdo, así que ahora solo copie esta casilla de verificación y pegue ahí y allá, y luego sólo vaya con el hermano. Ahora se puede ver que esto se envía simple. nada nuevo ahí, pero ahí. Estos siguen siendo los mismos. ¿ Por qué? Porque cuando solo quieres crear la casilla de verificación en línea por lo que todas las etiquetas deben estar en el solo do. Está bien. Ahora, basta con quitar esta casilla de verificación y esta casilla de verificación etiquetada casillas guardar e ir al hermano y refrescar. Ahora se puede ver que el externo Aston Villa Nacional y allá están Estos son los verticales y estos son los en línea. Esto es lo que sólo quiero enseñarte. Espero que realmente te hayas parado sobre eso. Entonces en segundo lugar, simplemente estoy copiando el todo del grupo porque ahora sólo quiero enseñarte sobre la radio. Ya botones. OK, entonces antes que nada, para esto creando la radio, no necesitamos usar la casilla de verificación. Necesitas usar la radio, vale. Y luego lo primero, porque solo estoy quitando las múltiples líneas y luego los contabilidad realmente copian, pero antes de copiar, registrando esto y no hay necesidad de poner nada en las etiquetas. Sólo tienes que ir directamente al cheque el tipo y cambiar la casilla de verificación a la radio, y luego vamos a seleccionar la comida, y luego simplemente copiar toda la radio y duplicar. Vale, Ahora, ésta debería ser la hembra, ya sabes, Y ahí está la opción de poner el género guardar e ir con el hermano y refrescar esa ahora comida y hembra. Esta es una forma sencilla que puedes crear. ¿ De acuerdo? Al usar los atributos de nombre, sabes que podemos crear la sincronización y una longitud entre ellos obteniendo el mismo nombre. Ahora puedes puedes simplemente refrescar que ahora no puedes seleccionar poner una sola vez. ¿ De acuerdo? Solo tienes que seleccionar solo 11 veces. Entonces ahora lo otro es otra vez. Yo solo estoy copiando a todos los grupos de granjas y luego simplemente bajando. Y lo que voy a hacer es antes que nada, quitando la radio ahí. ¿ De acuerdo? Y ahí, y luego dis cortando éste y pegando ahí y luego en la etiqueta, estoy decidiendo la nueva clase aquí radio de tela en línea. Y luego vamos a copiar esta clase y simplemente caso de esta clase guardar el pelo y refrescar. De acuerdo, Ahora se puede ver que el macho hembra y allá Estos son los verticales, y estos son los horizontales. Por lo que espero que los hayas entendido a ambos. Pero hay algo más. Yo solo quiero enseñar sobre los elementos de forma primero de seguir su quitando el espacio extra . Y ahora esto. Crear en el nuevo. Entonces de nuevo, solo creando nueva forma Dev the Div, en realidad, y al cierre del grupo completo. De acuerdo, entra dentro de esto y luego sólo vamos a poner la etiqueta de primera clase. Y porque están en forma horizontal, así que aquí, formar grupo y luego cubrir esa etiqueta. Y son sólo tipo, por ejemplo, el país o lo que quieras poner porque solo voy a enseñar sobre la etiqueta selecta así que simplemente bajando. Pero antes de bajar y descender sobre otro llamado MD dos. Está bien. Y esto debe formarse. No va. De acuerdo, entonces ahí solo estoy presionando enter y solo creando la etiqueta de selección, ¿de acuerdo? Y luego simplemente agregando la clase, ya sabes, el control de formulario. Está bien. El control de formulario funciona en el selector de selección, agregando algún interés y luego simplemente agregando la opción, que es necesaria para la etiqueta de selección. Entonces estas son las opciones y luego las primeras opciones. Sólo estoy escribiendo el por ejemplo nosotros. De acuerdo, Reino Unido. ¿ Qué le ganó? Yo sólo recuerdo que sólo estoy escribiendo Afganistán, Alemania. Cualquiera que sea el nombre que solo quisieras poner no hay problemas ahí. Pakistán, mi país. Ahorra y ve con el hermano y refresca. Ahora ya puedes ver a EU. Curiosamente, esto está bien diseñado. ¿ De acuerdo? Con el borde azul y la sombra, la sombra de caja en lo que sea. Entonces esta es una etiqueta selecta y espero entender cómo funciona Ahí. Hay algo más en la forma elementos de los que hablaremos en el próximo estado de clase haciendo y adiós 33. 31 Bootstrap Elemento 2 (1): Hola y bienvenidos de nuevo. Entonces en esta clase, solo te voy a enseñar algunas cosas más fuera de los elementos de forma bootstrap, puedes ver que eran el país, y ahí está el elemento selecto del país. Pero de nuevo, ver que no están en esto de esta manera ordenadora fuera de estos elementos. Entonces, ¿cómo ajustarlos? Ve ahí. Y antes que nada, solo estoy agregando el solo estoy poniendo otro div aquí. Clase Cole M d 10. Vale, ya sabes, poner esto dentro de eso y luego solo hacer esto de esta manera, y luego solo poner otra cosa, ya sabes, que la etiqueta de control y por error, solo lo puse el formar grupo, que no es debe estar ahí. OK, entonces estoy quitando ese tan fresco que ahora esto esta de la manera. Pero en el último, tenemos que poner otra cosa. Se puede entender la cosa, que en realidad es el Deb y luego formar clase un grupo y luego el botón. De acuerdo, entonces aquí solo estoy poniendo una cláusula en el cuerpo. Belleza en y Gideon supuso el éxito. Y aquí solo estoy escribiendo el click para enviar y checar esto en el hermano por refrescar. Ahora se puede ver que hicieron clic. Preséntalo ahí. Pero, ¿por qué no? Esto está ahí. ¿ Y cómo agregar esto está ahí cuando no necesitamos la etiqueta? Está bien. Curiosamente, no necesitamos la etiqueta. que sepas que solo estamos poniendo estos agregando la etiqueta de la etiqueta consiguiendo dos columnas. Entonces después de las dos columnas de la tercera columna, estos elementos están empezando, y yo solo quiero que este elemento empiece desde la tercera columna, pero simplemente no quiero poner la etiqueta como dos columnas. Entonces cómo manejar este espacio legis presidente y en realidad legis. Y luego sólo tienes que ir a la primera etiqueta y poner aquí la cláusula. De acuerdo, ahora, Cole MD 10. Yo sólo quiero llamar a cada 10 aquí, ¿de acuerdo? Y luego solo colocando el botón, solo estoy cortando el botón. Nosotros Tre Vialli consiguió el botón y está pegando el botón aquí y luego guarde eso y refresque eso. Entonces esto es algo realmente nuevo. Pero lo nuevo es que cuando justo en el carbón m d, significa que estoy decidiendo el fresco Amdy dos. Está bien, pero no los dos. Sólo el off set a significar es que nos permite iniciar el MD 10 después del MD a Ok, ahora refresca eso. Se puede ver que está partiendo de la tercera columna. Por lo que definitivamente has entendido sobre el carbón MD offset a eso. Cómo funciona. Bueno, por hacer esto más interesante, podemos hacer algunas cosas más. Por ejemplo, BD de suerte y guardar y refrescar. Ahora se puede ver que el gran pelo negro, el botón jumbo que puede hacer la forma o confiar bien en la siguiente clase te voy a enseñar algo más que sobre los elementos de forma sobre la validación de la forma algún estado humano y adiós. 34. 32 de la validación de formas Bootstrap (1): hola y bienvenidos de nuevo. Entonces aquí en esta clase, solo estoy creando algo más interesante en los elementos de formulario en los elementos de forma bootstrap . En realidad, solo estoy creando un nuevo hecho aquí y luego simplemente yendo a la primera etiqueta 1 y luego poniendo el grupo de formularios, como saben, que esto es necesario para crear un grupo de formulario o cualquier elemento de formulario. Bueno, ahí sólo estoy leyendo la etiqueta otra vez. Etiqueta cubrió eso y etiqueta y su propio dis mencionando que el nombre. Está bien. Y luego va bajando entrada, corbata, texto pelo y cubierto eso. Y luego hice esto. Capaz de Coliseo discapacitado. Guarda eso y ve al pelo del navegador. ¿ El navegador es ahora refrescante? Ahora puedes ver que no puedo teclear nada. En efecto, en este, bueno, estoy agregando cualquier espacio y agregando una clase fuera del bootstrap, el control total. Ahora guarda y ve con el hermano y refresca. puede ver que se ve ha cambiado por completo, pero definitivamente es un discapacitado. Por lo que no se puede hacer nada por hacer que el estado deshabilite cualquier entrada o cualquier toma selecta. Al igual que cualquier tecnología del bootstrap del formulario podemos usar el bootstrap. Está bien. El tipo de las botas para lo otro es, si solo queremos validar tu formulario, así que definitivamente tienes que hacer el JavaScript o el HTML de cinco maneras. Pero aquí, en esta forma, en este elemento, sólo estoy haciendo algo igual a la validación. En primer lugar, acabo de copiar, ya sabes, que completan la clase, y luego solo sabes que no hay Hay entrada. Y ah, pelo es el grupo de forma, y luego estoy agregando algunas cosas más, al igual que el ha retroalimentado ahora. ¿ De acuerdo? Feedback. Mencionemos que qué tipo de retroalimentación quieres tiene, por ejemplo, solo estoy escribiendo. Advertencia. Está bien. Guarda eso. Yo sólo lo puse la mañana aquí. No, conseguiré el efecto de la mañana. Y esta es la entrada que en realidad tiene el control de forma y nada más que esa leyenda directamente en este pan lo. Recuerda el guante te convenzo Aprendió en el creo que el 14 o 15 clase algo. Por lo que al usar el gran Feikens V se pueden verificar conos Vale, de no el s segundo lef podría quemar. De acuerdo, estoy agregando ícono americano aquí del glifo. Yo podría t ella Vale, ahora entonces el control completo retroalimentación guardar e ir con el hermano y refrescar eso. Ahora puedes ver que esto es solo porque acabamos de agregar el tiene retroalimentación tiene mañana el color. Está bien. Y este letrero es sólo porque decidieron el acantilado que puedo escuchar. De acuerdo, entonces lo segundo es solo quitar a los discapacitados porque solo quiero que demuestres que cómo funciona refrescó eso para que podamos trabajar en ello. Definitivamente cuando acabamos de hacer clic ahí, puedo conseguir aquí la sombra de caja, pero esto no es bueno. Si solo pegas esta cosa sin ningún aire de advertencia o algo así, cuando acabas de validar formulario usando los agentes de consulta J JavaScript PHP, entonces deberías usar de esta manera para agregar cualquier tipo de retroalimentación. OK, pero en el bootstrap, acabamos de aprender sobre este alicatado. Por lo que hay un 2do 1 aquí. Solo estoy hablando del éxito y ahí no estoy hablando de la advertencia ni algo así . Sólo estoy escribiendo, en realidad. ¿ De acuerdo? Está bien, está bien. Es por el éxito. Refresca esa voluntad. Ahora se puede ver que el signo ok y todo es debe ser de la misma forma. Control de retroalimentación y todo es perfecto, ya que puedes ver que el color verde y luego solo hago clic en el verde. Yo estoy consiguiendo lo mismo. Bueno, la otra cosa es, si me acaba de copiar esta otra vez, enfrentado ahí y entonces el grupo de formulario tiene retroalimentación no tiene el éxito. Si tiene el siempre una habitación en algún tipo de error, al igual que así se hace el error. Estoy refrescante que ahora está bien, pero sigue siendo un modo de cheque porque no cambié el Cliff Aiken. Entonces el Cliff Aiken no debería ser el bien. Debe ser removido. El nombre del acantilado que no pude quitar. Está bien. Refrescado que ahora se puede ver la ropa que cerré. Cosa que significa que algo anda mal. Su remoción, lo que sea. Entonces de esta manera podemos en la validación es azulejos, no la validación. En realidad, sólo la validación se teje por teléfono y definitivamente se debilita. Utilizó la caída en forma de línea también. Si sólo tuviera la clase libre, um, llena Oh, espere un rato. Completo en línea. Valor ya sabía de la forma en línea. Refresca eso. Ahora se puede ver que el conjunto de los agricultores de la manera en línea. ¿ Qué? ¿ Por qué no? Yo sólo soy copia. Yo solo copio este y pego este pelo y solo remuevo el en línea de esta nueva forma. Y luego tenemos las dos formas de crear el teléfono. Por lo que espero restaurado sobre la validación de formularios InStyle. Aprendimos algunas cosas más en la siguiente clase, así que unión estatal y adiós. 35. 33 Modales de Bootstrap REN (1): hola y bienvenidos de nuevo. Entonces en esta clase, Vergis sobre aprendió algunas cosas nuevas en el bootstrap con para violet se borra La etiqueta de final en el contenedor en esta clase, solo te voy a enseñar sobre el modelo y encomendar la función del bootstrap, que funciona throw, deejay query y el J crew y el archivo bootstrap Js. Los archivos del barco son realmente importantes. Si solo quieres trabajar con el Modell. Entonces deja que dijeras la clase off mood alford, y luego necesita un i d Cualquier i específico i d Tenemos que poner, por ejemplo, el modelo uno. Bueno, la otra cosa es que realmente necesita un botón también. Botón o una etiqueta o lo que prefieras. Yo solo estoy creando el botón aquí. De acuerdo, entonces están dentro de la etiqueta de botón. Solo estoy poniendo click para ver modelo. Cualquier cosa que puedas escribir lo que prefieras. Y hay algo que tenemos que mencionar en la forma en atributos. En primer lugar, la cerveza, Ian y la belleza en el éxito. Cualquier efecto que quieras, puedes obtener, Entonces tenemos que poner algunas variables específicas. Perdón. Los atributos, por ejemplo, Data Tuggle, y luego el valor debe ser modelo. De acuerdo, solo estoy hablando de la modelo. Y los datos serán problemas. ¿ Cuál es el Modell haciendo clic en este botón? No. ¿ A qué modelo quieres apuntar con este botón? Entonces día que cómo conseguir Y el modelo, que me limitaré a apuntar, es el Modell, que en realidad es un 90. Entonces, mencionemos la idea. Signos ville, y definitivamente acabamos de crear el botón. Ahora sólo voy al estado de ánimo l Y hay algo que tenemos que poner dentro de la modelo. El 1er 1 es la otra clase, el contenido del modelo o el diálogo realmente modelo. Esta de la 1ra 1 Ahora ve adentro y crea otras dames. Y el 2do 1 debe ser el contenido de boodle. Ahora, el contenido moral está bien yendo por dentro y poniendo otras cosas Por ejemplo, el modelo hitter modelo body y el modelo por el error de ortografía oh. Ahora el duplicado del odiador modelo sobre esto debería ser el estado de ánimo del cuerpo. Y entonces esta debería ser la comida modelo o todo lo que acabo de crear y la mano se va a la zona del odiador medio y luego sólo poner la H one tag. Lo que prefieras. Ese es demasiado grande. Creo que la H full es la talla preferida. Y ahí, Modell. Puedes teclear cualquier cosa como te digo. odiador de Modell. Ahorra y acude al cuerpo modelo. Y lo que quieras escribir dentro del cuerpo del modelo, puedes escribir ejemplo completo. Sólo estoy poniendo dentro de la etiqueta P. Este es el estado de ánimo, Al. Y luego AP siempre cuerpo ahora guardar y bajar en el estado de ánimo en el área de fotos modelo y tipo legis modelo Pie de página, guardar y ir al navegador y refrescar. Ahí hay un botón. Ahora solo estoy despejando cuando acabo de subir, con sólo hacer clic en el botón. Colectivo tú modelas. Sólo estoy consiguiendo el modelo con el odiador de modelos. Este es el cuerpo de un modelo, y si la comida uh bueno, esta la comida o no debería gustarle eso, podemos en el botón también. Simplemente agregaré el botón más tarde ejecutando este cierre. Pero la cosa es que cuando solo hago clic en el modelo, solo nos está mostrando Ah, sin ningún efecto extra, ¿por qué no estar solo en el efecto de desvanecimiento con él? Por lo que se desvanece, guarda y refresca. Ahora haz click ahí ahora puedes ver eso ahora. Viene bellamente usando la técnica deshilachada y yendo maravillosamente. Entonces esto es sólo porque acabamos de sumar la clase fuera del desvanecido ahí. La otra cosa es que deberíamos agregar también el botón de cierre. Sabes que solo pinchamos aquí o en cualquier lugar. No pasa nada. Pero cuando acabamos de hacer clic fuera del modelo, se está cerrando. ¿ Por qué no? Decidimos el botón de cerrar aquí, como generalmente ves en diferentes aplicaciones JavaScript, que si solo creas eso. Ahora sólo voy al bloc de notas plus y dentro del modelo odiador justo antes del texto legis type o poner el botón. O es en lugar del botón derrick soy sólo estoy agregando estos pan. O creo que debería intentarlo con el botón de botón uno. De acuerdo, ahora ve dentro de la primera pestaña del botón y tenía a la clase algunas clases inespecíficas. Pero no están metiendo la belleza ni algo así. Simplemente estoy agregando directamente la clase cerrada y luego dentro del botón legislar los datos. Esto creo que es ortografía debe ser desestimado. Wellville ortografía correcta. Si no va a funcionar modelo, qué quieres descartar haciendo clic en este botón. Yo sólo quiero despedir a la modelo, ¿de acuerdo? Y aquí están mirando a la X. Pero este no es el método preferido. Simplemente te enseñaré el método perfecto también. Refresca eso. Y ahora solo estoy dando click en el click para ver modelo ahora, OK, todo está bien. Cuando se hace click ahí, se está cerrando. Eso significa que los datos descartados modelo y la clase de ropa está funcionando. Pero en lugar de la X, lo más preferido son los tiempos de signo de dólar y el punto y coma, la totalidad. Vamos a dar click ahí. Ahora puedes ver esto es igual que la X, Pero cuando me acabo de refrescar y ahora hago clic. Ahora esto es como el botón de cerrar. Cuando un disco lamió, todo está bien. Pero esto es sólo una totalidad ahora en la comida o solo voy a agregar en lugar del texto este momento, solo voy a agregar algo como el botón para cerrar su pozo. Por ahora, simplemente estoy copiando el botón de este, el botón superior y pegando aquí. Y en lugar del cierre los tiempos entera e indirectamente tecleando cerca y refrescante. Ahora solo estoy haciendo clic ahí y ahora tengo el botón de cerrar. Bueno, por qué el El botón es así porque ahí está la clase del cierre cerró la clase quitó la cláusula, en realidad, y puso liberiano la clase perfecta para hacer un botón hermoso 1,000,000,000 por defecto guardar y refrescar Haga clic para ver el modelo. Ahora tengo el botón aquí. Cuando se hace clic en el botón, se está cerrando. Eso significa que el barco fuera de los botones está funcionando perfectamente. Y en realidad todo nuestro modelo está funcionando. De verdad, realmente perfectamente. Entonces, chicos, en la siguiente clase, aprenden algunas cosas más, manténganse atentos y adiós. 36. 34 carrusel de Bootstrap: Hola y bienvenidos de nuevo. Entonces en esta clase, solo hablas del carrusel. Entonces, ¿cuál es el carrusel si solo trabajas en el cabildo usando la consulta J? Entonces, ¿ Jake Oracle JavaScript? Definitivamente. Se trata de un deslizador de consulta J, el carrusel, que es un plug in. Y luego hay que tener algunas técnicas de jaquilla para usar el uso del carrusel, pero están en el bootstrap. No es necesario poner las técnicas de consulta G a porque el carrusel está integrado en el bootstrap Js. Basta con mencionar las clases. ¿ Ha sabido que la mayor parte del Jake Yuri basado en lo siento, mayor parte del bootstrap basado en las clases. Entonces, por ahora, solo estoy creando el carrusel aquí. De acuerdo, primero de todo esta tarjeta de crédito todavia como estoy haciendo y luego sumar el Koloss. De acuerdo, entonces son el deslizamiento de células de Carol, que es una clase fuera de la mía. Y entonces la fecha son ortografía Debe ser correcto paseo de datos, y luego la celda de Carol. De acuerdo, los datos están bien. Debe ser carrusel. Esto es igual que los datos Tuggle. Entonces, por cierto estoy ahí va a agregar la idea que es realmente necesaria por lo que el yo d debería estar en esta mecanografía Carroo ortografía debe ser correcta. Carrusel uno. Está bien, Carrusel uno. Y ahí voy dentro de este castillo, y luego solo voy a crear los indicadores, ¿de acuerdo? Para los indicadores del castillo significan el 123 los valores. Yo solo te voy a guiar cuando solo crea. Entonces ahí está el pozo, no voy a usar la UL aquí. Estoy usando el ol porque ahí solo estoy haciendo la lista ordenada. Ally. Está bien. Y entonces los O l se están reuniendo con el colosal fuera de la celda Caro. ¡ Indi Cator! Está bien. Ahora yendo al aliado y agregando el objetivo de datos. Ahora bien, ¿y si el objetivo de datos es? En realidad, Si tan solo recuerdas que acabamos de crear el i d Dejemos que solo mencionemos la idea ahí. El objetivo de datos y luego los datos suministrados a Okay, uno de esta manera. Uno bien. En realidad, ahí. Sólo estoy mencionando que este es el 1er 1 cuando no voy a poner ningún valor entre el aliado legis. Deja esa empatía a Y tres Todos ellos están trabajando con el mismo castillo con un poderoso porque están dentro de este carrusel, pero con la diferencia vive 1 a 1 árbol voy a sumar antes también, Eso es realmente, realmente perfecto. Ahora sólo tienes que ir tras la O l. Y luego justo en el día, otra dama y en el pelo Koloss el alfiler Carol Interior. De acuerdo, ahora en Edin Inter y después el div. Está bien, y luego justo en el Koloss off yo dio cola Vale, Perfecto. Ahora están haciendo algunos espacios algún interés y yo m g Ahora ¿qué? Las imágenes. Yo sólo voy a la carpeta, al bootstrap, y ahí está la carpeta de imágenes. No voy a usar el yo soy el indicado porque esto es un poco más grande. Simplemente voy a usar esta imagen, esta imagen y esta imagen porque solo están en el mismo tamaño 23 y cuatro k i n g 102 103 m antes. Entonces para el 1er 1 solo estoy agregando el yo soy G one que Lo siento i n g a doc jpg. Y ahora esto no debería ser como el espacio agregando esta cara no parecida al guión, en realidad. ¿ Qué? Yo sólo quiero decir Bueno, hay una cosa más que tengo que añadir para duplicar este muro y debería haber cero. De acuerdo, entonces cero. Y luego añadir una cláusula efectiva. Lo que quieras activo. Sólo estoy activando cero. Y ahí, éste es cero. Y esto está activo. Definitivamente. Bueno, la otra cosa es, vamos a cubrir esto por completo. Y en el vid hairs ville, estoy decidiendo Davidoff 600 PX por ahora. De acuerdo, Ville, esto es legis gestionado correctamente. Simplemente copia este y pega ahí, ahí y allá. Lechuga poco el activo se derrumbó porque simplemente definitivamente no necesitamos el activo. Activo es sólo para el uno. Está bien. ¿ Alguien? No él. Específicamente uno de David. Esto debería ser de tres. Deberían estar llenos. Y esto debería ser. Creo que debería quitarle éste. Está bien. Y ese también. Ahora, ahorra y ve con el hermano y refresca. Tengo esta cosa. ¿ Por qué no? Yo sólo estoy consiguiendo el carrusel porque hay algo mal que hice. Y tengo que averiguarlo. El primero que acabo de cometer otro error es el que tengo que poner las imágenes porque sabes que las imágenes están en la carpeta fuera de las imágenes aquí dentro del bootstrap. Estos Esta es mi carpeta donde solo estoy trabajando y esta es la carpeta de imágenes. Ya están bien. puede ver que está funcionando a la manera carrusel. Sólo espera a viol y luego verás que se va fresco. Que ahora las primeras imágenes mostrando porque decidí el cabello I m g y luego está a punto de irse. Vamos, sólo me cambio a ti mismo. Ahora se puede ver que ha cambiado. Eso significa que está funcionando perfectamente. Pero tengo que hacer lo mismo. El yo soy soy un G E s imágenes y luego el mismo pelo texto ahora refrescó ese. Ahora nos crearon las imágenes del carrusel. Pero hay algo malo con el indicador del consejo porque éste no debería ser el indicador. Estos deberían ser los indicadores. Ese fue mi error. Ahora guarda y vuelve a refrescar. Ahora se puede ver que es todavía no está funcionando a la perfección, porque de nuevo, otro problema. No vi a Carol Russell. De acuerdo, ortografía realmente importa. Refresca eso. Ahora están los ahí están los valores se puede ver eso bien. Y lo último que sólo tengo que añadir al castillo justo después del interior del castillo salir del cabildo. Interior. Ah, ahora esto es un carrusel. Interior me voy a salir de esto, y luego estoy decidiendo alguna etiqueta. Ahora, este es un día perfecto de la creación de una etiqueta y hiper referencia hiper debería ser. Ya sabes que yo día Carol vendo uno. Está amontonando realmente importa. Acabamos de probar esto, y luego los datos sel, yo lo priv Vale. Delis como valiente cubrió eso. Y la etiqueta A. Y aquí dentro de estos datos, esta cosa está despejando que esta a es la vista previa en el botón anterior de juego. Ahora, justo dentro de esta repisas al suspiro en Ok, entonces P span y luego dentro de la A Vale, solo concéntrate en esto, Por cierto, estoy de nuevo usando el acantilado. No puedo sumarle en la cara. Y Google si no pudiera Chevron se fue. Está bien, no, guarde eso. Y luego justo en la zona escondida verdad. Está bien, ya sabes, refrescado. Ahora se puede ver el botón Atrás bien para volver atrás, pero no hay ninguno el en realidad el botón frontal o en realidad el siguiente botón. Entonces sólo voy a añadir esa también. Pero el problema es por eso que no está funcionando. Ah