Grow your CSS skills. Land your dream job.

Bootstrap nav bar question

  • # March 20, 2013 at 9:20 pm

    Hello,

    I am attempting to make a nav bar in bootstrap.

    When the menu resizes for tablets and phones is there a way to make the user button area stay at the top instead of being the last item in the menu list?

    http://joannfitzpatrick.com/tcs_menu/tcs_nav.html

    Thank you for your help in advance.
    JoAnn

    Thank you for your help in advance.
    JoAnn

    # March 20, 2013 at 10:05 pm

    Try this:

    The `div` with the class of `nav-collapse` disappears at small screen sizes. The user button (the `nav` tag with the class of `user`) is inside of the `nav-collapse` `div`. If you move it outside of that `div` (maybe underneath the Brand Name), it shouldn’t disappear anymore.

    That’s untested, but it should work, unless something wacky is going on.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".