Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Lateral Responsive Navbar #9481

Closed
simogrima opened this issue Aug 14, 2013 · 8 comments
Closed

Lateral Responsive Navbar #9481

simogrima opened this issue Aug 14, 2013 · 8 comments

Comments

@simogrima
Copy link

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

@GerardSoleCa
Copy link

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.

@simogrima
Copy link
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.

@mdo
Copy link
Member

mdo commented Aug 14, 2013

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.

@mdo mdo closed this as completed Aug 14, 2013
@mdo mdo mentioned this issue Aug 14, 2013
22 tasks
@mdo
Copy link
Member

mdo commented Aug 14, 2013

Tracking it in #9397.

@jokokoloko
Copy link

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.

@miksh7
Copy link

miksh7 commented Nov 6, 2013

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)

@redavis
Copy link

redavis commented Jan 17, 2014

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.

@heiwen
Copy link

heiwen commented Apr 4, 2014

This would still be a great addition to twbs.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

7 participants