+ Repo –
+ Atom editor –
+ Download GIT –
+ Bootstrap 4 Docs –

Bootstrap 3 Playlist –

You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress, Node.js & more on the channel homepage…


========== PSD to WordPress Playlist ==========

============ Node.js for Beginners Playlist =============

============== The Net Ninja =====================

For more front-end development tutorials & to black-belt your coding skills, head over to – or

================== Social Links ==================

Twitter – @TheNetNinja –


  1. great videos, can you help me? i want to set my navbar into transparent and make in color on scroll when you scroll down 500px. i cant seem to make it work.

  2. Not sure why but the navbar code wasn't working for me either. I check the documentation and it stated that the code should be "navbar-expand-sm" instead of "navbar-toggleable-sm".

    I put this in as my navbar code and it works and looks good!

    <nav class="navbar navbar-expand-sm navbar-light bg-light">

  3. Nice tutorial again! However, the links in the navbar don't receive the active class once they're clicked. How come? I copied exactly your code but with no succes. Any idea?

  4. I can't seem to get my navbar to align on the right without it going missing or looking like a ul list. Once I used the class collapse it disappears. Need help! It worked fine before when I used bootstrap 3. Any reasons why?

  5. how would you write it if you wanted the last three <a> tags to be on the right side of your navbar.  class="navbar-nav navbar-toggler-right?  because when I put that it pulls it right but it shows it lower and not level to my navbar-brank


Please enter your comment!
Please enter your name here