Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; COUNT_CLASS has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/functions.php on line 1713

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; sidebar_generator has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/plugins/multiple_sidebars.php on line 29

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_video_widgets has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/video.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_soundcloud has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/soundcloud.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_counter_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/social-counter.php on line 9

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_news_in_pic has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/new-in-pic.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Flickr_Widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/flickr.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_fb_likebox has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/fb.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_google_follow has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/google-follow.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_popular has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/popular-posts.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_recent_posts has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/recent-posts.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_cate_posts has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/category-posts.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; tabs_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/tabs.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_youtube_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/youtube-subscribe.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_social_links has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/social-links.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_comments_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/comments.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_author_bio has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/bio-author.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_login has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/login.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_search_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/search.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Ad_120_600_Widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/ads120.php on line 7

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Ad_125_125_Widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/ads125.php on line 7

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Ad_250_250_Widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/ads250.php on line 7

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Ad_300_300_Widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/ads300.php on line 7

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_tweets_load has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/twittes.php on line 10

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; feedburner_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/newsletter.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_related has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/related.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_slider has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/slider.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_top_rate has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/top-review.php on line 6
Curso completo de Bootstrap 4.- Tablas | D4mations.com
  • Thursday , 25 April 2019

Curso completo de Bootstrap 4.- Tablas

Code Canyon
https://i.ytimg.com/vi/cIa7mYadCTo/hqdefault.jpg



En este capitulo aprenderemos las clases que podemos utilizar para las tablas y como adaptarlas a dispositivos moviles con Bootstrap.

✔️ NUEVO 🎥 CURSO DE BOOTSTRAP 4 (Cupón EXCLUSIVO 90% Descuento):
https://goo.gl/xDqcDW

✔️ Curso de PHP y MYSQL: Completo, Práctico y desde Cero
http://www.tutorialdephp.com

✔️ Curso de Diseño Web: El Curso Completo Practico y desde Cero.
https://goo.gl/xG7JT5

♦ Blog de diseño web:
http://www.falconmasters.com


♦ Sitio web de Bootstrap:
https://getbootstrap.com/docs/3.3/


Redes Sociales:

♦ Twitter @falconmasters:

♦ Pagina de Facebook:
http://www.falconmasters.com

Original source

3d Ocean

Related Posts

24 Comments

  1. FalconMasters
    March 25, 2019 at 14:59

    ✔️ NUEVO Curso de Bootstrap 4:
    https://www.youtube.com/watch?v=xzZBp0hPX0Y

  2. Retro Satirus
    March 25, 2019 at 14:59

    Que usas para escribir tan rapido y que se encierre en <> automaticamente, depaso para mover textos completos y escribir en varias lineas al mismo tiempo xd i need it

  3. Max Ortiz
    March 25, 2019 at 14:59

    Amigo como vas, excelentes Tuto, amigo sabes como se coloca el logo en el nombre de una pestaña? se como se coloca el nombre, pero como se hace para el loguito?? mil gracs

  4. felipe bastida
    March 25, 2019 at 14:59

    amigo disculpa soy nuevo en el bustrap entiendo css y html al 60% yo digo que con eso es suficiente para crear tablas pero amigo disculpa no entiendo nada la tabla se crea pero no lo demás haber si te entiendo veo un enlace ese es el diseño boostrap o como explica eso no es la idea principal el enlace no hay un vídeo que entienda solo pongo ese enlace y ya o donde se guarda eso al crear una tabla ese enlace es mágico y ya sabe que quiero estilo para tablas o como por favor tómense el tiempo de explicar bien las cosas ppara mi eso es una tabla simple en html el vídeo dice bootstrap explica eso el enlace o como que de diferente es el bootstrap.

  5. Armando Miguel Quiroga Montero
    March 25, 2019 at 14:59

    Hola!!! muy buen video. Hay forma de crear una lista desplegable en la cabecera y así poder filtrar un contenido que se repite?

  6. Pablo Cesar Suclupe Urcia
    March 25, 2019 at 14:59

    Qué tal estimado en esa tabla como harías que la cabecera queda fija y el cuerpo tenga un scrool?

  7. D.Sicard
    March 25, 2019 at 14:59

    Amigo buenos días, una pregunta, al manejar tablas, quería saber cómo hace uno para que por ejemplo una fila tenga una columna y la fila de abajo dos columnas y así. Te envío una imagen de ejemplo en este link de lo que quiero replicar en html con base en una factura de ejemplo: https://imgur.com/a/ElC0mVe

    Esta es la imagen de lo que llevo montado en html pero me sale con un espacio en blanco:
    https://imgur.com/a/cD1MReC
    Básicamente es que la fila de arriba quede igual de ancha sin que se vea ese espacio. Cómo hago o con qué clase¿?

    Saludos,

  8. Erick Lestrange
    March 25, 2019 at 14:59

    han eliminado table-condensed? no sale en mis libros y tampoco me actualiza en el chrome

  9. MAlex RM
    March 25, 2019 at 14:59

    y el audio? 🙁

  10. Kevin Paredes
    March 25, 2019 at 14:59

    Tengo una duda, estoy intentando usar responsive y encabezado fijo, pero al reducir el navegador no hace efecto el responsive y el contenido de la tabla se distorsiona, necesito ayuda.

  11. domingo140372
    March 25, 2019 at 14:59

    muy bueno tu curso

  12. Paula Ducuara
    March 25, 2019 at 14:59

    muchas gracias, esta super el video.

  13. 01 Chantre
    March 25, 2019 at 14:59

    excelente hermano

  14. Sergio Pérez Rocha
    March 25, 2019 at 14:59

    Quisiera que dos tablas se me colocaran una al lado de la otra con Bootstrap y que quede bien. Lo he intentado con el material de este vídeo y con la parte 2 pero no termina de quedar bien, ¿algún consejo?

  15. Jesus Ponce
    March 25, 2019 at 14:59

    Hola!!!!
    Pero si tenemos el la etiqueta meta viewport es necesario la clase table-responsive?

  16. gustavo rivarola
    March 25, 2019 at 14:59

    claro y rápido

  17. NH WIILL
    March 25, 2019 at 14:59

    gracias ya logre entender mejor….saludos

  18. Perdicas
    March 25, 2019 at 14:59

    Muy bueno este curso de Bootstrap, muy bien expuestos los temas. Gracias FalconMasters.
    Tengo una duda y es que quiero hacerme una plantilla gráfica en PhotoShop para ir haciendo el diseño aproximado antes de ponerme a maquetar en html5 y usando Bootstrap, pero por ejemplo si quiero hacer el diseño para un dispositivo grande, y basándome en la tabla "Grid Options" que aparece en la documentación, mi plantilla gráfica debe tener el ancho de 1200px o el ancho que indican para el contenedor (1170px)? Y la misma duda la tendría para el tamaño medio y el pequeño.
    Yo de momento me he creado un documento en Photoshop con un ancho de 1170px y he dispuesto líneas guías verticales a una distancia de 1170/12=97,5px entre ellas. ¿Es correcto hacerlo así?

  19. Nilza
    March 25, 2019 at 14:59

    Para los que no les funciona el active, en Bootstrap 4 es "table-active".

  20. Risk Romer
    March 25, 2019 at 14:59

    Oye, que version de bootstrap usas en este tutorial? ALgunas clases no dan efecto en Bootstrap 4

  21. raul oscar rodriguez menar
    March 25, 2019 at 14:59

    Una consulta en bootstrap pagina pero números seguidos sin ese cuadro pequeño solo números cual seria la solución
    En la paginación tengo algo asi para acumular la lista ARRAY de paginas
    $lista = $lista.'<li><a href="javascript:pagination('.$i.');">'.$i.'</a></li>';
    $array = array(0 => $tabla,
    1 => $lista);
    echo json_encode($array);
    En jquery recibo
    success:function(data){
    var array = eval(data);
    $('#agrega-registros').html(array[0]);
    $('#pag').html(array[1]);
    }
    El php tengo lo siguiente para recibir la paginación
    <na><ul class="pagination" id="pag" ></ul> </nav>
    Pero pagina asi como escribo 1234siguiente sin bordes ni color cual seria el problema por favor gracias

  22. Alonso Castillo
    March 25, 2019 at 14:59

    algo muy curioso , estoy viendo el "Vídeo" desde mi pc pero no puedo ver los efectos q haces al cargar la pagina , solo se me muestra la misma tabla que la del minuto 1:20, pero el vídeo corre bien, pero no se ven los cambios, incluso se ve el mouse en movimiento, buena la cosa es que no puedo ver los efectos desde mi pc, pero reproduci el vídeo desde mi labtop y pues o sorpresa si puedo ver los cambios en todo el vídeo

  23. Roberto velasquez herrera
    March 25, 2019 at 14:59

    Me parecen muy bien tus videos, quiero esa tablar ordenarlos alfabeticamente como se podria ser porque he visto que les ponen flechas de ordenamiento gracias

  24. Juan Perez
    March 25, 2019 at 14:59

    Las tablas son un manejo importante cuando estas trabajando con programacion web, anque existen soluciones como grids, entre otros, pero ese manejo de tabla a impulsado mi software como no tienes una idea, mi mas profundo agradecimiento. excelente video.

Leave A Comment

You must be logged in to post a comment.