Bootstrap 4 Tutorial 36 – Navbar

⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs to give you smart completions and documentation while you’re typing. I’ve been using Kite for 6 months and I love it!

Source Code:

Like our content and want to support us more directly? Help Us, Help You!

If you like this stuff, as always, show the love through comments, likes, favorites, subscriptions, etc.

Thousands of free videos at

If you have any questions feel free to post them at

Our Website

Facebook –
Twitter –
Google+ –
Donate –

Our games made using Cocos2d-x

Google Play:

Check out our Cocos2d-x book to learn how to make games

Original source

11 thoughts on “Bootstrap 4 Tutorial 36 – Navbar

  • December 23, 2020 at 22:50

    simple wrappers…lol 6 hours in still trying to get text on right of toolbar .

  • December 23, 2020 at 22:50

    it is meaningless to watch any tutorial if it is not visible properly……..same problem here…….anyway from github we have managed this time…….so next time its better to make any tutorial which is visible…….thanks !!

  • December 23, 2020 at 22:50

    I have a problem in navbar. my links are not working. my code is bellow:

    <nav class="navbar navbar-light bg-faded" style="background-color: #BAE6DC; margin: 0 -14px;">
    <button class="navbar-toggler hidden-sm-up pull-xs-right" type="button" data-toggle="collapse"
    <!-div class="collapse navbar-toggleable-xs" id="CollapseNavbar"->
    <ul class="nav navbar-nav nav-tabs pull-xs-right collapse navbar-toggleable-xs" id ="CollapseNavbar" style="font-size: 1.50em;">
    <li class="nav-item">
    <a href="index.php" class="nav-link active" role="tab" data-toggle="tab">home <span class="sr-only">(current)</span> </a>
    <li class="nav-item">
    <a href="portfolio.php" class="nav-link" role="tab" data-toggle="tab">portfolio</a>
    <li class="nav-item">
    <a href="about.php" class="nav-link" role="tab" data-toggle="tab">about</a>
    <li class="nav-item">
    <a href="contact.php" class="nav-link" role="tab" data-toggle="tab">contact</a>

    what can i do?????? where is my problem??????????

  • December 23, 2020 at 22:50

    I have face a problem, when i use class="pull-right". My code properly not work. If I use class="pull-xs-right", then problem is solved. class="pull-xs-right" is used for version 4

Leave a Reply