Last active
March 5, 2017 22:30
-
-
Save bjcull/9498339 to your computer and use it in GitHub Desktop.
Wizard style navigation tabs for bootstrap
Need to add the following to make it safe on non-white backgrounds.
.nav-pills {
&.nav-wizard {
>li+li {
margin-left: 0;
}
Thanks for that @stnor, gist has been updated :)
if I have 4 navs
A -> B -> C -> D
how to:
- if user at A. nav B, C and D was disabled
- if user at A, user can't acces C or D without through B
- when user already at B (and already fill questionnaire at A (connect with database)), nav A change color to green
thanks for your answerd
Just an FYI, this is more or less broken when using Bootstrap 4 - the nav pill structure has been slightly updated. Here's a BS4-compatible CSS version: https://gist.github.com/tiesont/5b291c8344944f22c3d67cb902464048
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This looks nice, but what purpose would it serve since most navigation-style designs have the intent to submit a form upon navigating to/from a step?