Bootstrap: pull-right classs not working


I am not able to understand why my pull-right class is not working on menu items.
Below is the code:-

<div class = "container-fluid">
  <ul class = "nav nav-pills">
      <a href="#">I-Team web Page</a>
    <li >
      <a  href="#">Home</a>
      <a href="#">Portfolio</a>&nbsp;&nbsp;&nbsp;
    <li class="pull-right">
      <a href="#">About Team</a>&nbsp;&nbsp;&nbsp;
    <li class="pull-right">
      <a href="#" >Contact-Us</a>&nbsp;&nbsp;&nbsp;

I cleaned up your code.
You need to use triple backticks to post code to the forum.
See this post for details.

I tried it and it works.

pull-right sample

Maybe you’re using Bootstrap 4?


Hi Thank you so much for the help.

yes i was using bootstrap 4.0

I just changed it to:-

And it works perfectly fine for me.

Thanks again.

1 Like

Wow…thank you guys. I been struggling with this for two months now wondering why my code doesnt work.

Hello, I had the same problem using Bootstrap 4.0 and when I changed it to 3.7 it worked perfectly.

Why does this happen and how can I do make it work in the 4.0 version?


This was very helpful. Thanks alot.

you can use text-right on bootstrap 4 instead of pull-right