The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Bootstrap nav bar question

  • # March 20, 2013 at 9:20 pm


    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?

    Thank you for your help in advance.

    Thank you for your help in advance.

    # 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed