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
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Angry Dan created an issue. See original summary.

markhalliwell’s picture

markhalliwell
Primary language English
CreditAttribution: markhalliwell at Tag1 Consulting 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 CreditAttribution: Angry Dan at Deeson 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 CreditAttribution: Angry Dan at Deeson commented

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