Hi,

I'm having problems with vertical tabs - I'm using 3.x-dev, Bootstrap 3.3.5 (sass) and JQuery 1.10.

I think this can be solved with some adjustments to the classes used in the _vertical-tab.js. I've switched to nav-pills and added col-* classes for a bit of responsiveness.

See attached patch and screenshots.

CommentFileSizeAuthor
Bootstrap veritcal tabs fixed.png42.1 KBAngry Dan
Bootstrap veritcal tabs broken.png41.33 KBAngry Dan
vertical-tabs.patch740 bytesAngry Dan

Comments

Angry Dan created an issue. See original summary.

markhalliwell’s picture

markhalliwell
Primary language English
commented
Status: Needs review » Closed (works as designed)
Related issues: +#2102895: Add SASS starterkit

That is because you need the vertical tab styling: http://cgit.drupalcode.org/bootstrap/tree/starterkits/less/less/override...

Someone already converted the overrides to SASS in #2102895-20: Add SASS starterkit, but I'm not entirely sure how up to date that is.

Regardless, we're not going to change these to pills.

Angry Dan’s picture

Angry Dan commented

Thanks for the quick response Mark, that's brilliant.

Was that in the documentation somewhere? I didn't spot it. If not, then perhaps it could be added?

Angry Dan’s picture

Angry Dan commented

Oh wait. Sorry - ignore that last comment, now I really get it.