Bootstrap: pull-right classs not working

Hi

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">
    <li>
      <a href="#">I-Team web Page</a>
    </li>
  
    <li >
      <a  href="#">Home</a>
    </li>
    
    <li>
      <a href="#">Portfolio</a>&nbsp;&nbsp;&nbsp;
    </li>
    <li class="pull-right">
      <a href="#">About Team</a>&nbsp;&nbsp;&nbsp;
    </li>
    <li class="pull-right">
      <a href="#" >Contact-Us</a>&nbsp;&nbsp;&nbsp;
    </li>
    
   </ul>
</div>

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?

3 Likes

Hi Thank you so much for the help.

yes i was using bootstrap 4.0
https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css

I just changed it to:-
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

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?

Thanks

This was very helpful. Thanks alot.

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