Bootstrap 4 Tutorial 36 – Navbar


https://i.ytimg.com/vi/Kbw6H5S8JR8/hqdefault.jpg



⭐ 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! https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=sonarsystems&utm_content=description-only

Source Code: https://github.com/SonarSystems/Bootstrap-4-Tutorial-Series

http://v4-alpha.getbootstrap.com/layout/grid/#grid-options

Like our content and want to support us more directly? Help Us, Help You! https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=6DF2Q8TR5FB3E

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

Thousands of free videos at
www.sonarlearning.co.uk

If you have any questions feel free to post them at
http://www.sonarlearning.co.uk/questions.php

Our Website
http://www.sonarsystems.co.uk/

Facebook – https://www.facebook.com/pages/Sonar-Systems/581403125243822
Twitter – https://twitter.com/SonarSystems
Google+ – https://plus.google.com/+SonarsystemsCoUk/
Donate – https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=6DF2Q8TR5FB3E

Our games made using Cocos2d-x
——————————————————
iOS: https://itunes.apple.com/us/artist/sonar-systems/id672545941

Google Play: https://play.google.com/store/apps/developer?id=Sonar+Systems

Check out our Cocos2d-x book to learn how to make games https://www.packtpub.com/game-development/cocos2d-x-game-development-essentials

Original source

11 thoughts on “Bootstrap 4 Tutorial 36 – Navbar

  • December 23, 2020 at 22:50
    Permalink

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

  • December 23, 2020 at 22:50
    Permalink

    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
    Permalink

    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"
    data-target="#CollapseNavbar">
    &#9776;
    </button>
    <!-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>
    <li class="nav-item">
    <a href="portfolio.php" class="nav-link" role="tab" data-toggle="tab">portfolio</a>
    </li>
    <li class="nav-item">
    <a href="about.php" class="nav-link" role="tab" data-toggle="tab">about</a>
    </li>
    <li class="nav-item">
    <a href="contact.php" class="nav-link" role="tab" data-toggle="tab">contact</a>
    </li>
    </ul>
    <!–/div–>
    </nav>

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

  • December 23, 2020 at 22:50
    Permalink

    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