Curso completo de Bootstrap 3.- Tipografía y textos

[@FalconMasters]

✔️ NUEVO Curso de Bootstrap 4: kzbin.info/www/bejne/rqu9c6NmnbWLZrs

[@cafeta]

De verdad este es el mejor canal de Tutoriales de programación que yo he visto en muchos años... muchas gracias por este conocimiento. Se lo estoy recomendando a todos mis colegas y conocidos.

[@FalconMasters]

+cafeta Muchas gracias, que lo recomiendes me ayuda muchisimo, en verdad muchas gracias

[@cafeta]

ya hice los curso tuyos de HTML, CSS, Javascript y voy por el 3ro de boostrap... tengo 10+ años de experiencia en la banca y las tecnologías que manejo son arcaicas, con tus tutoriales me estoy poniendo al día. me falta aprender Angular + MongoDB

[@nandy__x]

+FalconMasters estaría bien que hicieras tutoriales de MEAN (Mongo, Express, Angular y NodeJS). Realmente tus videos son muy buenos. :)

[@cafeta]

Excelente idea!

[@roberto0610]

Si. Yo apoyo el curso de MEAM -quiero aprenderlo. pero mientras tengo una necedidad de desarollar halgo rapido al vapor para una muestra. Alguien que contacte con experiencia y apoyo en un nuevo desarrollo.

[@pepebiondi5962]

Que bien que se entienden tus tutoriales, tu voz tiene una personalidad que transmite seguridad y conocimiento. Gracias.

[@kosmikgirll]

Carlos, tus tutoriales son excelentes. He aprendido una barbaridad en los últimos meses, tan solo teniendo vagos conocimientos de html. Cada vez quiero aprender mas contigo, explicas excelente, sigue así! Coincidiendo con +cafeta, también le he recomendado este canal y tu pagina web a mis conocidos interesados, muchos de los cuales me vieron metida escuchando tus tutoriales. Felicitaciones, y saludos desde Argentina!

[@FalconMasters]

+Juliana Carolina Rocha Muchas gracias Juliana, me encanta escuchar que mis videos son de ayuda para todos, y que te hayan servido es fantastico. Muchas gracias por recomendar mi canal y mi sitio web. Saludos! :)

[@GuillermoRodriguez-oc9mr]

SOS UN MONSTRUO!!!! MUY BUENOS TODOS TUS CURSOS... MUCHAS GRACIAS POR COMPARTIR LO QUE SABES!!!!!!!!

[@FalconMasters]

Guillermo Rodriguez Para eso estamos :)

[@edwinwhitehat7470]

De lujo..... a eso se le llama un autentico videotutorial.... Gracias Men!

[@FalconMasters]

Ya esta el capitulo #3 del curso de Bootstrap! kzbin.info/www/bejne/o17JlGZ6nK9peZo

FalconMasters Me encanta! Gracias!

[@ernestosanemp]

Eres el mejor programando y enseñando. Gracias.

[@JHONALEXANDERMIRANDAAGREDO]

excelente compadre muy práctico y sencillo tu método de enseñar felicitaciones desde Medellín Colombia

[@deborademoura3727]

Tus clases son maravillosas, gracias por compartir sus conocimientos con nosotros. Saludos desde São Paulo - Brasil !!

[@florezcadena6372]

gracias por compartir lo que sabes. es algo que se debe reconocer, ademas pocas personas como usted lo hace

[@natanaelmontes1836]

Muy bueno, muy buena explicación para todo tus vídeos, la fluidez esta excelente. Un saludo!

[@MrAnma65]

Muchas gracias Carlos por éstos tutoriales, son buenos, entiendo bastante bien y me ayudan con esto de la programación (sé que html y css no son lenguajes de programación, pero igual me han motivado a programar). Por estos lados éste tipo de cursos son bastante caros. De nuevo, gracias =D

[@melv888]

gracias me has ayudado bastante, me toco el diseño para un proyecto en el instituto con boostrap y no tenia ni idea como utilizar boostrap. muchas gracias!

[@gustavoadolfo4449]

Excelente los videos, sos un capo. Muy bien explicados. Gracias. Saludos de Córdoba - Argentina.

[@dorcasizaguirre2039]

gracias por tus cursos , he aprendido bastante.....

[@antoniosalazar7513]

Excelentes tutoriales, muchas gracias. Saludos desde Chiclayo - Perú :)

[@juniordone956]

Super Gracias amigo ya he llegado lejos contigo

[@retamozodeveloper]

muchas gracias, me esta ayudando mucho, los videos muy bien explicados. saludos desde lima peru

[@ricardinhofreestile]

Poco comento en youtube, pero hermano me picaba las manos para decirte que sos un Duro explicando !! Saludos desde Venezuela.

[@jesusalbertocarrillogarcia6562]

Eres un amor UuU Me aventaré todo tu curso!

[@holgeredudangulocastillo645]

Al principio no entendía esto de bootstrap pero ya estoy aprendiendo. Gracias por enseñarnos 🙂👍🏽

[@josemariamontoyarincon2347]

me encanta tu curso, es una inspiración para los que estamos empezando. Hay una cosa que me llama la atención y que no encuentro por ningún sitio. Cuando por ejemplo seleccionas un texto y pones la etiqueta dentro de lo seleccionado. como lo haces? gracias y animo,agradecemos mucho tus videos.

[@manumanu1861]

Muchas gracias por compartir todo lo que sabes.

[@nancy7160]

excelente, se ve que te preparas antes de hacer un curso, y eso es muy útil.

[@expo-jc6lt]

despues de ver tu video de diseño web del 2012 me volvi loco ahora en este año bootstrap te simplifica todo

[@SergioMaceda]

Hola Carlos Arturo, gracias por tus videos. ¿Cómo haces para seleccionar una linea de texto y aplicarle una etiqueta? qué comandos utilizas? Gracias por toda la información que nos das, un abrazo.

[@d-landjs]

Muchas gracias por este grandioso tutorial!!!!

[@lincolneliasc.s.1847]

Felicidades un buen manual de bootstrap 3

[@JaimeCorreaOrozco]

Excelente el tutorial de Bootstrap, muy entretenido

[@obcLince]

Excelente tutorial!! Gracias por tan valioso aporte, saludos

[@empproducciones]

MUY BIEN Explicado , eres el mejor Mestro Falcon :)

[@santosvega2662]

Excelente tu manera de explicar

[@cesarleon4782]

Está genial este curso!!

[@L3iToUTN88]

Sos un re capo Falcon!

[@mauriciocontreras5906]

Carlos Arturo, muchas gracias por tus videos, la verdad eres un excelente maestro, mucho exito, por favor T.T no dejes de subir videos xD JAJAJA Muchas Gracias(:

[@fernandoHERNANDEZ-bi8ht]

me gusto el video hermano me sirvio de mucho sigue asi

[@camiloandresmejiaortiz5025]

muy buenos los videos! muy completos!

[@TheDJGato10]

Excelente explicacion en todos tus cursos

[@deygordillos]

¿Cómo haces en Sublime, para seleccionar todo el texto y luego colocar la etiqueta, como hiciste con ; seleccionaste primero y luego aprareció la etiqueta?

[@iQuoz]

+Dey Williams Gordillo en sublime oprimes ctrl +shift + g y te deja encerrar ese texto en una etiqueta

[@gerardbarbosa1661]

+Feer Reyes En mac control + shift + w

[@memelopez10]

+Gerard Barbosa no me funcionó este comando. sabes de otra forma?

[@gerardbarbosa1661]

No. A mi me funcionó así. Ctrl+shift+w no comando sino control. Luego de hacer la combinación te sale un al inicio y final del texto seleccionado. Puedes borrar y cambiarlo por un dív o lo que necesites. O tal vez sea la configuración del teclado. No se si eso sea modificable en sublime o toque desde preferencias del sistema. Espero te sirva.

[@FranyeOrtiz]

Debes instalar EMMET

[@edvargas18]

Excelentes todos los tutoriales. Estoy revisando los de HTML, CSS y éste. Buenas explicaciones en todos. Saludos y ánimo :-D

[@FalconMasters]

+Edwin Vargas Muchas gracias!

[@blarydiboy4605]

Gracias Carlos podrias decirme los atajos de teclas que frecuentemente usas en sublime text

[@carttman14]

Hola Carlos, una pregunta, blockquote-reverse está obsoleto? Gracias por tus excelentes vídeos!

[@grovereduardolazaroyucra4322]

como selecciona una parte de texto y le agregas etiquetas por ejemplo minuto 11:26 . necesito algun plugin?

[@africamia4ever]

Muy buenos tutoriales, nice and easy!

[@andreyrojash]

Hola muy buenos tus tutoriales, me dices ¿Cómo haces en Sublime, para seleccionar todo el texto y luego colocar la etiqueta, como hiciste con ; seleccionaste primero y luego aprareció la etiqueta?

[@FalconMasters]

+Andrey Rojas Seleccione el texto y presione Ctrl + Shift + G

[@ximenapere8073]

te amo!!! me salvaste la vida!!!!!!

[@LuisManuelAviles]

Que tal Gracias por tu cátedra a sido de gran utilidad, solo me gustaría saber si tendrás contemplado en este tutorial implementar el menú desplegable multinivel

[@FalconMasters]

Luis Manuel Aviles Si, si haré un tutorial de eso

[@trovadorcc]

gracias por compartir, Excelente curso...

[@EstebanCardenasgrafico]

Pregunta. Tengo 2 columnas. En la derecha una imagen y en la izquierda un texto que la acompaña. Necesito hacer que el texto quede centrado verticalmente con la.imagen de la columna derecha ya que este texto me queda al tope y genera un espacio debajo que no quiero. Te agradrzco me respondas. Gracias

¿Cual es el atajo cuando seleccionas un texto y digitas la etiqueta y el contenido queda dentro de la etiqueta? Como en el minuto 03:41

[@acedraco91]

Alt+Mayusculas+W Con el texto selecionado

[@niko0825]

Raúl Calle No me funciona, estoy en linux

[@flmatamoros]

Muy buenos tutoriales, me he visto varios y todos muy útiles. Una pregunta: ¿Cómo haces para seleccionar el texto y luego poner la etiqueta??? Gracias

[@alexisnoe27]

hola Falcon, me gustan bastante tus videos, oye tengo una pregunta y es que, cuando trabajo en paginas web, y quiero cambiar el tamaño de los textos como los h1, no se que valor utilizar, por ejemplo utilizo % pero al momento de ver la pagina en celular, los textos se ven muy mal, demasiado grandes, que me recomiendas?

[@jemm280182]

Excelente video tutorial

[@cynthiamartinez8618]

Que genio!!

[@veronicabornancini3051]

me encanto ! tengo una sola duda... como hago para agregar un tipo de fuente que descargue de google-fonts? muchas gracias!

[@DMANIAC82]

Hola, ante todo felicitarte por la serie excelente de tutoriales explicados de forma clara y dinámica, por otro lado tengo una pregunta. Soy nuevo en esto, pero en el instituto una de las cosas que nos remarcaron mucho es que había que intentar mantener todos los estilos en el archivo css reduciendo al máximo posible la parte de diseño en el html. Es que bootstrap no acepta bien los css, o sobrepone los suyos o...? muchas gracias.

[@victortrivinoachury9685]

Que editar de texto usas ?

[@joelhernandez2030]

Hola buenas noches, soy fanático del diseño me gustaría aprender mucho más, tus videos me ayudan mucho, e visto muchos de tus tutoriales. Aunque mi mayor problema es que no tengo internet disponible todo el tiempo, deseaba saber si puedo descargar el curso completo de alguna manera. Me puedes ayudar con eso, sino se puede esta bien aquí estare siguiendo lo que compartas. Gracias por hacer esto en serio gracias compañero diseñador

[@karelismorales6752]

muy bueno..como agregaria color a las fuentes

[@miguelperezpal]

Gracias por el vídeo tutorial.

[@alejandroadecua]

Hola, una pregunta. Estoy utilizando Xampp y cuando abro el localhost me aparecen los estilos de bootstrap aunque no tenga la carpeta CSS, si abro el index simplemente en el navegador (sin estar en la carpeta htdocs) no aparecen los estilos. ¿Esto quiere decir que Xampp está añadiendo los estilos de bootstrap? Saludos

[@LautaroPiacquadio]

Recomiendas hacer todo esto con Boostrap o mejor hacerlo con un archivo CSS propio?

[@portacosewtriko7768]

cual es el plugin que estas manejando para el sublime,

[@ceciliopaez7424]

Hola amigo excelente tutorial.. Cual es plungin que usas de autocompletacion de las etiquetas con las clases. y el que formastes varias columnas?????? Gracias

[@waldogomezalvarez6068]

Yo también estoy siguiendo el curso. Para editar varias filas a la vez, das Ctlr + click (en la fila inicio), luego vas a la fila final y das Ctrl + click de nuevo. Ahora puedes escribir, y lo hará en todas las filas. Para salir del modo, Esc.

Hola Carlos me gustaría que me explicaras como encierras el texto entre etiquetas tan rápido si lo haces con algun atajo con emmet o como?? Muchas gracias.

[@FalconMasters]

+Mariano De La Hoz Pérez Lo hago en sublime text, seleccionando el texto y presionando Ctrl + Shift + G Aquí un tutorial con todos los atajos y trucos que utilizo para escribir código mas rápido: kzbin.info/www/bejne/oXSrZ6uea9SJidU

[@Xhristian15]

Interesante tip. Gracias.

[@hhidalgopuq]

Falcon, como puedo dejar la tipografia que yo desee y no la que viene predeterminada por bootstrap? saludos eres un maestro!

[@joelcabreraluzardo5381]

Al trasmitirlo a la web de chrone los margenes de "blockquote" es muy angosto. Es normal?

[@clarisbelponce5805]

excelente

[@ByronRodriguezMundoNetRC]

Muy bueno los tutoriales

[@reivaxcorp]

Muchas gracias

[@julianbona]

Pregunta amigo, tengo 2 columnas y uno tiene mas texto que el otro, por lo que el color de fondo de uno es mas largo que el otro y se pierde la geometria de cajas igual, como podria solucionar eso ?

[@YazminAyuso]

hola, apenas estoy aprendiendo, que pasa si quiero una columna m'as delgada que 1

[@angellolope9470]

alguien me podria ayudar la etiqueta no me cambia de color alguien sabe el porque

[@fabiannorbertoescobar]

gracias!!

[@sjacez]

Disculpa las molestias falcon, podrías explicarme la diferencia entre dar propiedades con un css nuestro o con las clases de boostrap... Es más conveniente de algún modo más que otro? Un saludo

[@gzzgrm]

Hola, yo apenas estoy aprendiendo Bootstrap, pero espero te sirva de algo mi opinión. Dar propiedades con las clases que ya nos proporciona Bootstrap es más rápido ya que solamente tienes que crear la estructura HTML y Bootstrap se encarga de darle el diseño y el posicionamiento a los elementos que decidas colocar en tu página web, sólo hay que saber que clases implementar. De otro modo, con nuestras propias CSS, a todos nuestros elementos tenemos que darles tamaños, posicionamientos, colores de fondo, margenes, etc.

[@sjacez]

Miguel Antonio Gonzalez German Y qué opinas de usar algo mixto, los botones por ejemplo darles menos border-radius con css y con boostrap los estilos predeterminados

[@gzzgrm]

sjacez La verdad, tantos bordes redondeados es una de las cosas que menos me gusta de Bootstrap, al menos yo, si le quito los bordes o se los dejo de 1 o 2px.

[@FalconMasters]

sjacez No, hay ninguna diferencia realmente, la cuestión es que si usas bootstrap es para agilizar y evitar tener que escribir demasiado CSS, pero puedes escribir tu propio codigo y no hay ningun problema.

[@gzzgrm]

FalconMasters Si los botones ya traen su color predefinido, y yo se lo quiero cambiar, a cuál estilo le hará caso? Al mío o al de Bootstrap?

[@luisatovar1271]

hola! me encanta tu forma de explicar, entiendo muy bien, pero tengo una duda, hay alguna manera de cambiar un color de fondo (bg)? gracias!

[@carlitosyiu]

en pudieses usar class="bg-danger" Aunque es mejor con CSS usando background-color:#000000;

[@satoboshi11]

muy buenos los videos!!! tienes voz de actor de doblaje xD

[@sjacez]

Cada cuánto subirás curso,esque estoy súper impaciente por aprender boostrap,un saludo!

[@FalconMasters]

Todos los días, 1 o 2 videos.

[@herculesandrade9192]

Hola, cuál es el comando en sublime text para poner entre etiquetas un texto ya existento, como tú lo haces en este tutorial? Gracias por tu ayuda. Excelente curso. ctrl+shift+g

[@herculesandrade9192]

ctrl+shift+g Ha estado más abajo la respuesta. JEJE

[@hostapx9502]

Lo estaba buscando jajajaja.

[@angelesdelarosa6285]

¡¡¡Genial!!

[@alvarohernandez558]

para que es el metaview port?

[@oscarcastroescobar3695]

Si tengo una posición de la grilla sin texto, ¿Como puedo hacer para colorear toda su superficie?

[@sesva]

Cuando se aplica la etiqueta dentro de la etiqueta me aparece el estilo de bootstrap y me aparece en verde el fondo, como el anterior video con el footer, como hago para quitar el estilo de bootstrap, por medio de la clase?

[@totikes]

En tu propia hoja de estilos ponle !important por ejemplo: .contenido p !important { font-size: 18px; font-size: 1.8rem; } Donde contenido es la clase donde se aplicará y p es el párrafo a la cual hace referencia.

[@sesva]

ok, gracias

[@lcppb]

Parabéns....Muito Bom......

[@gabrielhern4179]

Si lo hicieron con los archivos locales, agreguen la siguiente línea para que sea visible la parte del footer, esta línea debe ir en el Head:

[@robertomorales810]

Cual es el editor que utilizas..

[@fercrotteam]

Se llama Sublime Text, pudes conseguirlo de manera gratuita en la pagina oficial: www.sublimetext.com/

[@darwinubillus4076]

bootstrap tambien es usado para struts 2 o strut 2 tiene su propio framework de diseño

[@paolaparra5913]

Master! jejeje :)

[@ignacioboudou1951]

Carlos, lo que no entiendo es porque se establecen estos colores con clases determinadas siendo que yo puedo aplicar estilos y establecer el color de letra y de fondo que me guste?

[@FalconMasters]

+Ignacio Boudou Estos son los colores de bootstrap pero puedes hacer tu propio archivo css con tus colores

[@ignacioboudou1951]

gracias carlos, muy buenos tus toturiales, aprendo mucho con vos, como haces para encerrar una seleccion y añadirle una etiqueta en el sublime text, veo que lo usas mucho y no me sale, saludos desde Argentina

[@FalconMasters]

+Ignacio Boudou Selecciono el Texto y presiono Ctrl + Shift + G y escribo el nombre de la etiqueta

[@alevel79]

Como usas multicursores?

[@FalconMasters]

Ctrl + Click en donde quiero agregar otro cursor

[@SpokeLopez]

Como haces para subrayar y agregar tu etiqueta a todo lo que subrayaste ?

[@FalconMasters]

***** Con sublime Text lo selecciono y luego presiono Ctrl + Shift + G y escribo la etiqueta que quiero que encierre el contenido

[@SpokeLopez]

Excelente! muchas gracias es un buen aporte (Y) !

[@Xhristian15]

Como haces para seleccionar texto y ponerlo dentro de una etiqueta?. Responde, porfa.

[@hugonunez9588]

Puedes seleccionar todo el texto encerrado por una etiqueta presionando las teclas Ctrl+Shift+A (Para hacerlo mas rápido que con el cursor) y para encerrar ese texto seleccionado con otras etiquetas se presiona las teclas Ctrl+Shift+G y te mostrara un recuadro en la parte inferior de la pantalla, ahí escribes que etiqueta deseas agregar.

[@arengutierrez7536]

cuando quiero cambiarle el FONT-FAMILY a mis titulos no me deja, ¿porque?

[@CreadoresenFacebook]

bootstrap tiene por defecto titulos en una fuente estable,si le estas cambiando en tu css personalizado debes al final agregarle !important para declarar que esa fuente es la mas importante por ejm : h2{font-family: "arial" !imporant;}

[@arengutierrez7536]

oh.. Muchas Gracias!

[@zistus]

Thanks

[@julianafernandez1170]

veo toda la tipografia en cursiva como lo resuelvo

[@jesusbolivar3633]

oye no puedo escuchar el video, no se oye nada porque ?

[@josebagra95]

Como haces para agregar etiquetas entre texto? :o

[@hostapx9502]

Lo mismo iba a preguntar yo.

[@josebagra95]

Ya vi como hacerlo es solo agarrar el texto y dale shift+alt+w (por lo menos para windows) :)

[@hostapx9502]

ya vi también, sublime es lo mejor.

[@sergioluisquispefalcon6635]

Alguien sabe si hay un tutorial para poder usar el sublime text, en especial los atajos que usa este tipo que le facilita mucho a la hora de crear lineas de codigo, yo tengo que estar tipeando cada cosa, el lo hace con tab creo y algunos otros atajos, alguien sabe????

[@lucasrodriguez1433]

+Sergio nadamas Lo hace con un plugin que se llama Emmet. FalconMasters tiene un video donde habla sobre cómo utilizar los atajos.

[@sergioluisquispefalcon6635]

gracias por responder amigo lo buscare en la internet, saludos

[@Albert-pl9md]

Que buen video maitro XD