Bootstrap "pull-right" class not working on unordered <li>?

I’m having a hard time understanding why I can’t seem to get the class “pull-right” to align the last three

  • on the right side of the navigation bar. Can anyone explain to me what I might be missing?
  • <li> is contained by <ul>.

    If you post a link to the codepen I can give more specific advice, but in general you probably need to split your ul into two ul’s.