• Wednesday , 29 January 2020

Build A Bootstrap 4 Theme | Latest Beta Version

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



This is a full Bootstrap 4 Beta project which is a theme called LoopLab. This is from my premium Udemy course. It uses many of the new version 4 classes and utilities including flexbox.

FULL COURSE: ONLY $10!
https://www.udemy.com/bootstrap-4-from-scratch-with-5-projects/?couponCode=YOU_TUBE

BOOTSTRAP 4 STARTER PACK:
https://github.com/bradtraversy/bs4starter

PROJECT FILES:
http://www.traversymedia.com/downloads/looplab.zip

BECOME A PATRON: Show support & get perks!
http://www.patreon.com/traversymedia

ONE TIME DONATIONS:
http://www.paypal.me/traversymedia

FOLLOW TRAVERSY MEDIA:
http://www.facebook.com/traversymedia

http://www.instagram.com/traversymedia

Original source

3d Ocean

Related Posts

35 Comments

  1. Lysol
    December 10, 2019 at 17:02

    38:48 "What the hell?"

    LMAO I died laughing

  2. Pablo Souza
    December 10, 2019 at 17:02

    Any hints on why styling on scss didn’t change anything on my browser? Could it be due to deprecated dependencies?

  3. Toshiya Tsunoda
    December 10, 2019 at 17:02

    In ur boilerplate was using gulp 3 module and config. Update please ur configuration. Since the latest update is currently Gulp 4.

  4. Valdano
    December 10, 2019 at 17:02

    background image doesn't show up? did everything exactly the same..what can be the problem

  5. Kenneth Lagos
    December 10, 2019 at 17:02

    anyone in 2019?

  6. fahad riarh
    December 10, 2019 at 17:02

    hey bro you are so awsome i wan't to be your student.i am learning and understand how's that happen but i need to be professional like you plz contact me love form pakistan.

  7. Techiesse
    December 10, 2019 at 17:02

    I have to say. It is impressive how easily you deal with front end. Congrats man!! Keep it up.

  8. Byakuya Kuchiki
    December 10, 2019 at 17:02

    Hi, man, i am having some problem with #home-section{background: url('../img/home.jpg')not-repeat;
    min-height: 700px; } the image do not do, the same thing, that you do in the video and I don't know what happen.

  9. Mark Hallam
    December 10, 2019 at 17:02

    Can you make a video on how to use @extend to make bootstrap semantic?

  10. Frozen Viking
    December 10, 2019 at 17:02

    your package.json file has deprecated dependencies, what do i do?

  11. Nooraldeen Ali
    December 10, 2019 at 17:02

    It is really useful, thank you man.

  12. Beatrix Ducz
    December 10, 2019 at 17:02

    no matter what I do, my first section overlaps the header when I resize the window.

  13. Beatrix Ducz
    December 10, 2019 at 17:02

    After closing and reopening your editor, don't forget to restart npm :DDD I have checked my node-modules folder: do we really need all those files? 11106 files :clap

  14. Brazo
    December 10, 2019 at 17:02

    Thx Dude! Could you tell me please, is this a VS function? When you type .class and put enter follow automatic the code! Or did you install something? Thx a lot for your response!

  15. Alphonso
    December 10, 2019 at 17:02

    would anyone happen to know or may have experienced the same problem. When i write code and view it in the local browser it works. However when i upload it to the server things are out of wack. I'm currently using atom and bootstrap just in case anyone needed to know. Thanks for all your help guys

  16. Winwin SFU
    December 10, 2019 at 17:02

    Hi Brad, how to update the fontawesome 4 to 5 when applying the starter? Thanks.

  17. TCHOUTANG BANKOUE MICHEL FRANKLIN
    December 10, 2019 at 17:02

    Thanks a lot! u are dope!! 🙂

  18. Hua Jarry
    December 10, 2019 at 17:02

    the same thing happens on modal, the label isn't shown when pop out the modal dialog. really anoying. help me.

  19. Hua Jarry
    December 10, 2019 at 17:02

    brad, I came across some problems with bootstrap following your tutors, the navbar with navbar-togglerable-sm or navbar-expand-sm works differently, I found when I import the url, navbar-expand-sm works, but another failed, navbar-toggleable-sm does the doing against the expand. I don't know what 's behind it , and lack of whch part knowledge. thanks, really.

  20. pyroghost11
    December 10, 2019 at 17:02

    npm install command not found in gitbash, what do I do wrong???? literraly spent 2 hours surfing the web for solution and nothing

  21. Muhammad Shakir
    December 10, 2019 at 17:02

    Does anybody know how to make the starter pack ?????

  22. Jarrod Estepp
    December 10, 2019 at 17:02

    When i get paid, i will def be buying that course. And this video has helped me achieve the unachievable!

  23. busyrand
    December 10, 2019 at 17:02

    Ultimately, this went very well after some debugging of errors due to a Deprecated Library of code that was one of the Dependencies of the project. You guys may need to do some troubleshooting and things will clear up from there.
    The error messages above where troubleshot by Updating Local Packages as explained in the video posted here…
    https://docs.npmjs.com/getting-started/updating-local-packages

    I may have done/tried some other things ['npm outdated' to check and make sure packages were outdated before and after to see if the issue was cleared up], however, the above step did the majority of the positive work in relieving the main errors. I also worked through steps listed in the 'medium.com' article linked in the npm error message. Hope that helps Guys.

    Thanks Brad! This was a fantastic, high quality, expensive looking/feeling build.

  24. GhostlordTV
    December 10, 2019 at 17:02

    LooLap!!!

  25. youssef koko
    December 10, 2019 at 17:02

    I bought the course just because you make the great content to help people …i love that

  26. Ohad Cohen
    December 10, 2019 at 17:02

    How can I upload the project to a server? I have 5gbfree server

  27. Pro Gamer
    December 10, 2019 at 17:02

    Great Job

  28. Aryen Jim Bejagan
    December 10, 2019 at 17:02

    Hi, I'm just curious on how you made the opacity on the navbar but it didn't included the text

  29. Muhammad Shakir
    December 10, 2019 at 17:02

    npm install its giving me an error…………………… it says command not found

  30. Fudgeez
    December 10, 2019 at 17:02

    I can't use scss how can you use it without linking it to the html file?

  31. Dev-ST
    December 10, 2019 at 17:02

    Brad I am getting all kinds of errors when running npm install and npm start: $ npm install
    npm WARN deprecated gulp-util@3.0.8: gulp-util is deprecated – replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
    npm WARN deprecated graceful-fs@3.0.11: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
    npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
    npm WARN deprecated natives@1.1.3: This module relies on Node.js's internals and will break at some point. Do not use it, and update to graceful-fs@4.x.
    npm WARN deprecated uws@9.14.0: stop using this version
    npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
    npm WARN deprecated graceful-fs@1.2.3: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js

    Any idea why? Possible fix?

  32. TCHOUTANG BANKOUE MICHEL FRANKLIN
    December 10, 2019 at 17:02

    You are the guy!! This video made evolve a lot in acquiring frontend design skills. I wish to be inspired as you do as a hardworker!

  33. Sailesh Patra
    December 10, 2019 at 17:02

    bash: npm: command not found
    plz help anybody!!!

  34. John Adu
    December 10, 2019 at 17:02

    Brad good job. I have a problem the navbar. It doesn't on my browser(edge). I had the same issue CSS GRID tutorial. One last question: I don't have style.css and index.html in my installed bootstrap 4. Can you help me? Thanks.

  35. Elvann
    December 10, 2019 at 17:02

    Thanks so much for that video! :O By the way, what extension are you using for the auto completion of tags and classes?

Leave A Comment

You must be logged in to post a comment.