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

Bootstrap version 3.2.0 vs Bootstrap 3.1.0 conflict #278

Closed
djmy opened this issue Jul 22, 2014 · 12 comments
Closed

Bootstrap version 3.2.0 vs Bootstrap 3.1.0 conflict #278

djmy opened this issue Jul 22, 2014 · 12 comments
Assignees

Comments

@djmy
Copy link

djmy commented Jul 22, 2014

When i updated to the latest bootstrap version 3.2.0 the off canvas nav on mobile breaks completely. How can I achieve this to work for Bootstrap 3.2.0? It works great on 3.1.0 but not on 3.2.0? Any advise would help thank you!

desktop-1

mobile-1

@jasny
Copy link
Owner

jasny commented Jul 24, 2014

This is caused by the added transform: translate3d, which causes fixed elements to be relative to the .navbar.

Fix this by setting transform to none:

.navbar-fixed-top {
    transform: none;
    -webkit-transform: none;
}

@tersieff
Copy link

Did you mean -webkit-transform: none; ? This fixed the Bootstrap 3.2 changes for me.

@djmy
Copy link
Author

djmy commented Jul 28, 2014

Both worked for me! Great plugin! Thank you!

@djmy djmy closed this as completed Jul 28, 2014
@jasny
Copy link
Owner

jasny commented Jul 28, 2014

@tersieff dough 😪 : I did indeed.

@djmy Great. Lets keep the ticket open for now though, as I might need to add this to Jasny Bootstrap (depending on the reaction on twbs/bootstrap#14227).

@jasny jasny reopened this Jul 28, 2014
@jasny
Copy link
Owner

jasny commented Aug 2, 2014

Seems Twitter Bootstrap isn't reverting that change. The plugin needs to work around this issue.

@florushj
Copy link

florushj commented Aug 6, 2014

For now just add the fix above? Or is there a new release coming soon?

@jasny
Copy link
Owner

jasny commented Aug 6, 2014

@florushj For now, just add the above fix.

@emilyjbro
Copy link

I'm just getting started with this and have the same issue. Can someone tell me where this work-around has to go? Is it in jasny's css or should the fix be applied in my own style sheet? Thanks!

@uxindustries
Copy link

The above code fixed this problem.

@CydGoblin
Copy link

The above code fixed this problem for me too (it was driving me crazy).
@emilyjbro you can add it to your own stylesheet

@emilyjbro
Copy link

Thanks! It worked for me as well.

On Wed, Oct 29, 2014 at 6:50 PM, Turqueso notifications@github.com wrote:

The above code fixed this problem for me too (it was driving me crazy).
@emilyjbro https://github.com/emilyjbro you can add it to your own
stylesheet


Reply to this email directly or view it on GitHub
#278 (comment).

@Minstel
Copy link
Collaborator

Minstel commented Feb 24, 2017

translate3D was reverted in bootstrap.

@Minstel Minstel closed this as completed Feb 24, 2017
@Minstel Minstel reopened this Feb 24, 2017
@Minstel Minstel self-assigned this Feb 24, 2017
@jasny jasny closed this as completed in 76b91df Feb 24, 2017
jasny added a commit that referenced this issue Feb 24, 2017
…ootstrap_3.1.0_conflict

Fix for setting menu width. Use bootstrap 3.3.7 (fixes #278)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

8 participants