Center Nav-pills On Page But Have Fixed Position

I want to have a set of nav-pills that I will display at the bottom of the window in @media (max-width: 767px) and at the top of the screen at @media (min-width: 768px) Below is t

Solution 1:

You just need to give it a width. If you add width: 100%; it will work. See http://jsbin.com/ojuyam/6/edit