Bootstrap 4 Forms & Buttons | BOOTSTRAP 4 TUTORIAL

Поділитися
Вставка
  • Опубліковано 21 жов 2024

КОМЕНТАРІ • 118

  • @jayjoe3716
    @jayjoe3716 5 років тому +2

    This is an on-point, fast but not rushed explanation. Helped me a lot. Thanks!

    • @academind
      @academind  5 років тому

      Awesome to read that, thanks a lot Jajoe!

  • @Gwith126
    @Gwith126 6 років тому +57

    This content is incredible. I can't even explain how good this is.

    • @academind
      @academind  6 років тому +1

      Thank you so very much - awesome to hear that! :)

    • @GooseGumlizzard
      @GooseGumlizzard 4 роки тому +1

      Max is a beast, he knows everything

    • @thesausage69
      @thesausage69 3 роки тому

      Sudo rn -rf /

  • @pakoti96
    @pakoti96 4 роки тому

    Your manner of teaching is golden honey for my brain!

  • @christianalejandroflores8501
    @christianalejandroflores8501 3 роки тому +1

    Excellent demonstration and explanation!! in 30 minutes many questions I had were answered!

  • @donaldjr.labajo5687
    @donaldjr.labajo5687 4 роки тому +2

    Bro, you're a lifesaver! As a web developer who's just starting out Bootstrap, this is superbly useful especially for those classes I'm unfamiliar with. Thank you!

  • @itube0033
    @itube0033 6 років тому

    O my! there's plenty of fantastic tutors on web development here in youtube, but to me so far you are the best!

    • @academind
      @academind  6 років тому

      YOU are the best, it's just fantastic to get such a wonderful feedback, thank you :)

  • @madusan1
    @madusan1 6 років тому +17

    Please add your Bootstrap 4 as a playlist... Great content!

    • @academind
      @academind  6 років тому +9

      Right, that was missing - done!

    • @academind
      @academind  6 років тому +3

      Thanks for notifying me!

  • @sindelio
    @sindelio 4 роки тому +1

    Hey thanks so much!
    Congrats on the series, very helpful and well paced!!

  • @MrToftheL
    @MrToftheL 4 роки тому

    Max always sets me at ease :)

  • @konzilla1
    @konzilla1 5 років тому +2

    Your videos are truly amazing! Thanks!

  • @jeffreyjansen
    @jeffreyjansen 5 років тому +2

    Very usefull video. Works great for me. One question: Is it possible to add a success-message underneath the form when it is successfully submitted?

  • @AlbertoGuitarrista
    @AlbertoGuitarrista 4 роки тому +2

    Really, really good and useful! Thank you very much!

  • @RamiroJativa
    @RamiroJativa 4 роки тому

    Excellent demonstration. Thanks.

  • @lordfresh
    @lordfresh 5 років тому +2

    Thanks for sharing this. Helped me out a lot!

  • @md.riyasathossain590
    @md.riyasathossain590 4 роки тому

    Nicely Explained! But can u explain how carousel sliders and about the logo sizes that can I add in the navbar!? Plllllzzzz

  • @srinivasaraoyp3640
    @srinivasaraoyp3640 3 роки тому

    It is very interesting. Thank you.

  • @attilaguba856
    @attilaguba856 2 роки тому

    That's super great explanation! Definitely I'll try to my projects! / but it's going to be responsive if you set up a fixed ( for example) width:500px; to your Form ?! Thanks!

  • @rajamahin6633
    @rajamahin6633 3 роки тому

    Your an amazing teacher

  • @SpooningTreesap86
    @SpooningTreesap86 3 роки тому +1

    using just class="form-group" to provide vertical spacing for forms does not appear to work anymore as that old margin-bottom: 15px is no longer part of the form-group class? Alternatively if you use class="mb-3" or class="myClass mb-3" you can add that spacing easily, you can of course change the number to whatever suits you.

  • @mikgol81
    @mikgol81 3 роки тому

    Fantastic video... thank you for making it

  • @tymothylim6550
    @tymothylim6550 3 роки тому

    Thank you very much for this video :) It was very helpful!

  • @ademagba
    @ademagba 5 років тому +1

    Good Work - How ever this is still a static Form - Do you have any Videos/Tutorials where you sent this Form after being validated to an Email with AJAX/PHP ? This will really be helpful Thanks

  • @U-Trance
    @U-Trance 5 років тому

    Very good videos, you type very fast though i can hardly keep up! This is also because my text editor doesnt have as many shortcuts where it autofinishes the with a and stuff like that

  • @jpvallejoc
    @jpvallejoc 5 років тому

    Clear, and consistent thank you so much!!!

    • @academind
      @academind  5 років тому

      Happy to read that Juan, thanks for your great feedback!

  • @tomyacosta3096
    @tomyacosta3096 3 роки тому

    love this content. Greetings from Argentina

  • @atech_guide
    @atech_guide 6 років тому +2

    Hey Max, Beautifully Crafted Session like always.....
    Super Thank you .... and Awaiting what's next

    • @academind
      @academind  6 років тому

      Thank you very much for your wonderful feedback Kamran, really means a lot to me to read that you like it! The next video will come on Thursday :)

  • @davidallsopp4030
    @davidallsopp4030 4 роки тому

    Excellent tutorials!

  • @mallikarjunkittad3123
    @mallikarjunkittad3123 5 років тому

    nice and very helpful , make more videos on Bootstrap 4

    • @academind
      @academind  5 років тому

      Thank you, you can find the entire series here => academind.com/learn/css/bootstrap-4-tutorial/

  • @karimdhrif6679
    @karimdhrif6679 4 роки тому

    This was amazing! Thank you!

  • @mariyannonchev1355
    @mariyannonchev1355 4 роки тому

    Thank you so much for these amazing videos! You are great!

  • @ashishupadhyay9412
    @ashishupadhyay9412 4 роки тому

    Could you please make a video on how to add clock picker in a form?

  • @DTX_
    @DTX_ 5 років тому

    Thanks a lot man, this does the job.

    • @academind
      @academind  5 років тому

      Great to read that Daniel, thanks a lot for your comment!

  • @kennethedwards814
    @kennethedwards814 5 років тому

    Fantastic Tutorial! Thank you!!!!

  • @monitoreosobusa2812
    @monitoreosobusa2812 5 років тому

    me ayudo muchisimo este tutorial. muchas gracias

  • @DevEfra
    @DevEfra 6 років тому

    Hey Max beautifull training ! . Thanks

    • @academind
      @academind  6 років тому

      Thank you Armando :)

  • @sparkden
    @sparkden 4 роки тому

    great tutorial

  • @ademagba
    @ademagba 5 років тому +4

    Hi Bro - How can you use php and java-script to send this Form in an Email ?
    Also can anyone else help with this -

  • @shavindu_gayashan86
    @shavindu_gayashan86 4 роки тому

    thank you soo much

  • @alexeydru9418
    @alexeydru9418 6 років тому

    Great work! Thanks!

    • @academind
      @academind  6 років тому

      Thank you very much Alexey :)

  • @anurajms
    @anurajms 2 роки тому

    thank you

  • @rorysnow7937
    @rorysnow7937 4 роки тому

    I’m trying to create a form where there are multiple radio button options including an “other” option which then prompts for a text box response. How can I do this?

  • @thomasnguyen7452
    @thomasnguyen7452 3 роки тому

    It seems like the container isn't optional anymore, as when I tried to wrap the firstname and lastname elements in a row without a container class it caused everything after it to be placed into a single row.

  • @patrasculucian2403
    @patrasculucian2403 6 років тому

    Awesome tutorial man!

    • @academind
      @academind  6 років тому +1

      Thank you very much for your amazing feedback Patrascu!

  • @sspawar5952
    @sspawar5952 6 років тому

    Very nice,
    How can I create input column only for numbers, text shouldn't be enter in this column.

  • @VilenPro
    @VilenPro 6 років тому

    This is awesome!!! Thank you!!!!

    • @academind
      @academind  6 років тому

      Your comment is awesome Vilen, thank you very very much!

  • @eneko4562
    @eneko4562 3 роки тому

    Hello could you tell me how to do the same red and green feedback messages but with a rendering Django form. Because I don't have the labels and the inputs in my project. I just have {{form.as_p}}. Thank you so much.

  • @noname6989
    @noname6989 2 роки тому

    What software are you using?

  • @alirezaco3294
    @alirezaco3294 4 роки тому

    great , thank you

  • @prudhviraj757
    @prudhviraj757 4 роки тому

    page is not redirecting to the form-action page (even all validations are correct) that I have given. after implementing this form validation. please help me

  • @hansschenker
    @hansschenker 6 років тому

    I prefer wearing you the Academind Pullover :-)! Thank's for your work in public.

    • @academind
      @academind  6 років тому

      We are not sure yet if we prefer the Hoody or the Pullover ;) Thanks a lot for your great feedback Hans!

  • @elEntrampe
    @elEntrampe 5 років тому

    Beutiful, thanks for the video! Great info !

    • @academind
      @academind  5 років тому

      Thank YOU for your awesome feedback!

  • @marnixblevi6869
    @marnixblevi6869 5 років тому

    this was very helpfull ! thank you!

  • @randomthings_07
    @randomthings_07 4 роки тому

    Thanks Dude !

  • @Joshca4
    @Joshca4 6 років тому

    Hi max, can you make a series of loopback framework i would like to see that into your channel, thanks

    • @academind
      @academind  6 років тому

      Thanks for the suggestion! I can't promise it but I did note your suggestion :)

  • @hamzajaved1115
    @hamzajaved1115 6 років тому

    Amazing Tutorials

  • @byguilleup7121
    @byguilleup7121 5 років тому

    Thanks bro!! you really hep me!

  • @vishalmishra1937
    @vishalmishra1937 4 роки тому

    how to handle from details as per role for my case like user and restaurant sign up and login please help

  • @infectedmushroom3488
    @infectedmushroom3488 6 років тому +1

    welakom back to this serious XD i love ur content btw

  • @MistahKurt
    @MistahKurt 4 роки тому

    If you're just coming here for validation, skip to 13:58

  • @cheukpongtang6451
    @cheukpongtang6451 6 років тому

    need this!!

  • @kphifer
    @kphifer 5 років тому

    Thank you!

  • @retinasoup
    @retinasoup 3 роки тому

    13:55 Form validation

  • @malikasifkallu661
    @malikasifkallu661 5 років тому

    how we can connect api using bootstrap
    please make video as early as possible
    thnx a lot
    may be it involve use of php

  • @jeffreyjansen
    @jeffreyjansen 5 років тому

    Hi Max. The e-mail validation of BS checks whether the user has an "@" in his email or not. But what about a "." (dot) just before an extension? BS says "Jeffrey@hello is a valid e-mailadress while it's not...

  • @MrXperx
    @MrXperx 6 років тому

    I do your angular udemy courses and then when i need to learn about bootstrap styling i come to your youtube course.

    • @academind
      @academind  6 років тому

      Thanks so much for your support, happy to have you on board on Udemy and here on the channel!

  • @jayashreenair3875
    @jayashreenair3875 5 років тому

    Bless You! Thanks

  • @shivu.sonwane4429
    @shivu.sonwane4429 5 років тому

    Perfect sir...

  • @hounghow1341
    @hounghow1341 4 роки тому

    thx

  • @simplyebeats6847
    @simplyebeats6847 5 років тому

    Is there a way to connect this to aweber?

  • @shivaprasadyanala2152
    @shivaprasadyanala2152 3 роки тому

    how to center the submit button?

  • @anibealhassan3201
    @anibealhassan3201 2 роки тому

    where is the code in line 40 from?

  • @nikyabo8326
    @nikyabo8326 5 років тому

    as a beginner boostrap / css combination is a nightmare .. I suck at selector.

  • @husamalsayed8036
    @husamalsayed8036 6 років тому

    great content

  • @drewfitzgerald939
    @drewfitzgerald939 5 років тому

    After implementing this, I'm getting a lot of white space on the left and right of my page. But I noticed that when I comment out:
    The white space goes back to normal. Does anyone know why this could be occurring?

  • @technicalpankaj4860
    @technicalpankaj4860 4 роки тому

    mene ye topic pe already detail me video banai h

  • @sergi3629
    @sergi3629 6 років тому

    Why use "vanilla JS" when Bootstrap requires jQuery and it is already loaded.? I have noticed that they do that too in the documentation for the validation API. Is it because it is written in javascript and those methods do not exist in jQuery?

    • @CknSalad
      @CknSalad 6 років тому

      jQuery is a fairly heavy library to load. It is fine though because for like ReactJS you can simply use 'ReactStrap', so that it does not depend on jQuery and Bootstrap JavaScript.
      Vanilla JS is just nice from the standpoint of you can easily modularize, change, or port the code since its native web-code.

  • @BrekfestSerial
    @BrekfestSerial 5 років тому

    Validation at 14:00

  • @harshithad6235
    @harshithad6235 4 роки тому

    how do i insert background image to this form?????? please answer this question as soon as possible

  • @phenixwars1
    @phenixwars1 6 років тому

    Perfect

  • @ades3967
    @ades3967 5 років тому

    God Bless You!

  • @layc
    @layc 6 років тому +21

    5:13 _ 2 genders confirmed. Subscribed

    • @academind
      @academind  6 років тому +3

      Welcome on board!

    • @tularem
      @tularem 4 роки тому +4

      This was a true drum-roll moment for me...
      "Uh-oh! What's he gonna do...how many will he list?"
      *leans in* "it all comes down to this!"
      "Male.....Female... Two!! Two genders, ladies and gentlemen!! He's done it! He's got a new subscriber folks!!"

  • @peterperet7690
    @peterperet7690 4 роки тому

    Duuuude! you look and somehow sound like Seth Rogen :D

  • @josueyeah4626
    @josueyeah4626 3 роки тому

    11:00

  • @gauravsaini2601
    @gauravsaini2601 6 років тому

    if i say i know css then why should i learn bootstrap..

    • @CknSalad
      @CknSalad 6 років тому

      some companies heavily use it. Bootstrap is just one of many CSS libraries that make it convenient for the developer to style/layout their pages. It is good to know the fundamentals of CSS as it makes using the CSS libraries/tools a lot easier as you have a good sense of what is happening behind the hood.

  • @emilywong4601
    @emilywong4601 5 років тому

    Validation 29 mins

  • @NakaDeloiuz
    @NakaDeloiuz 5 років тому

    sia ganteng pisan parah

  • @NakaDeloiuz
    @NakaDeloiuz 5 років тому +4

    2019 anyone?

  • @zackmercurys
    @zackmercurys 6 років тому

    First!

  • @vladnikolaiev9049
    @vladnikolaiev9049 6 років тому

    Thanks for your great work!

    • @academind
      @academind  6 років тому

      Thank YOU for your great feedback Vlad, I'm happy to hear you're liking it!