[ad_1]
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 responses to “Bootstrap 4 Tutorial 36 – Navbar”
even the output of your git-code and that of video tutorial is not matching this sure is a different problem then version problem
i shared a link of the screen shot please tell me what do i do? most of the classes you show in tutorial are way different and some of them even don't work
http://s000.tinyupload.com/?file_id=81709600716976343987
If your ul items doesn't align on right side U need to use a class="ml-auto" in ul.
the code doesn't work in my computer.
My nav-items are stacked vertically and aligned to the right end of the navbar, how do i solve this?
simple wrappers…lol 6 hours in still trying to get text on right of toolbar .
Must be float-xs-right since Alpha 5! (see https://blog.getbootstrap.com/)
For me it also does not work with the class pull-xs-right. The search field sticks further to the left.
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 !!
I just can't read your code clearly even in full screen mode
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">
☰
</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??????????
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