Skip to content

Lateral Responsive Navbar #9481

Closed
Closed

Description

@simogrima

Please make lateral the navbar when it collapses on mobile devices such as foundation or purecss.
Tks

Activity

  1. GerardSoleCa commented on Aug 14, 2013

    @GerardSoleCa

    What are you using for lateral navbar?
    I'm searching a CSS component to do a sidenav and I don't find it as it was on BS2.

  2. simogrima commented on Aug 14, 2013

    @simogrima
    Author

    In this frameworks the responsive navbar for me is better:
    http://foundation.zurb.com/
    http://purecss.io/

    For me now the trend on mobile devices go in this direction.

  3. mdo commented on Aug 14, 2013

    @mdo
    Member

    We won't be doing this for v3 but have talked extensively about doing it eventually. Jacob has already made another two projects with such features.

  4. mdo commented on Aug 14, 2013

    @mdo
    Member

    Tracking it in #9397.

  5. jokokoloko commented on Aug 17, 2013

    @jokokoloko

    I agree that this lateral drawer should be built in as it does seem to be the trend.. but it would be nice to have the option to use either this drawer or the current toggle..

    Also, for this drawer, I think it would be interesting to have 2 drawers existing at the same time, one on each side, for mobile. I can imagine the left drawer housing a search bar along with page links while the right drawer houses action and administration (settings, help, log out, etc.) type links and possibly even a mini user avatar thumbnail..

    Well, in any case, I think having 2 drawers would be a good and easy way to cleanly group and separate different types of navigation elements for smaller viewports.

  6. miksh7 commented on Nov 6, 2013

    @miksh7

    Here is another great example http://view.jquerymobile.com/1.3.2/dist/demos/widgets/panels/panel-fixed.html.
    Also check Panel examples in the new jQueryMobile 1.4.0-rc.1 http://view.jquerymobile.com/1.4.0-rc.1/dist/demos/panel/ (expand the Panel examples on the left-side menu)

  7. redavis commented on Jan 17, 2014

    @redavis

    If any one is still eager to get this working without using a third-party plugin. http://mediaflydesign.com/plugins/bootstrap-drawer/

    Optionally you can define .offcanvas-content-right or .offcanvas-content-right directly on your main navigation however you may need to remove the css transition. It gets a little buggy and overlaps because of the positioning as is.

    @mdo feel free to include in examples or make changes.

  8. heiwen commented on Apr 4, 2014

    @heiwen

    This would still be a great addition to twbs.

  9. locked and limited conversation to collaborators on Oct 14, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    cssSass sources or compiled CSSfeatureNew feature, or a change to how an existing one worksjsJavaScript or TypeScript sources and plugins

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions