{"id":13401383,"url":"https://github.com/dbtek/bootstrap-vertical-tabs","last_synced_at":"2025-05-16T11:05:20.169Z","repository":{"id":12229507,"uuid":"14839489","full_name":"dbtek/bootstrap-vertical-tabs","owner":"dbtek","description":"Missing vertical tabs component for bootstrap.","archived":false,"fork":false,"pushed_at":"2019-05-23T07:15:27.000Z","size":1159,"stargazers_count":487,"open_issues_count":3,"forks_count":159,"subscribers_count":40,"default_branch":"master","last_synced_at":"2025-05-09T07:40:25.906Z","etag":null,"topics":["bootstrap","css","tabs","vertical-tabs"],"latest_commit_sha":null,"homepage":"dbtek.github.io/bootstrap-vertical-tabs","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dbtek.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-12-01T13:49:30.000Z","updated_at":"2024-08-15T10:10:22.000Z","dependencies_parsed_at":"2022-09-01T23:31:00.056Z","dependency_job_id":null,"html_url":"https://github.com/dbtek/bootstrap-vertical-tabs","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dbtek%2Fbootstrap-vertical-tabs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dbtek%2Fbootstrap-vertical-tabs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dbtek%2Fbootstrap-vertical-tabs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dbtek%2Fbootstrap-vertical-tabs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dbtek","download_url":"https://codeload.github.com/dbtek/bootstrap-vertical-tabs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254518384,"owners_count":22084374,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","css","tabs","vertical-tabs"],"created_at":"2024-07-30T19:01:02.125Z","updated_at":"2025-05-16T11:05:15.160Z","avatar_url":"https://github.com/dbtek.png","language":"HTML","readme":"Bootstrap Vertical Tabs ![bower version](http://img.shields.io/bower/v/bootstrap-vertical-tabs.svg)\n=======================\n\nVertical tabs component for Bootstrap 3.\n\n![screenshot](screenshot.png)\n\n### Install\n* Via npm:\n```bash\n $ npm i -S bootstrap-vertical-tabs\n```\n* Via bower (recommended):\n```bash\n $ bower install bootstrap-vertical-tabs\n```\n* Or you can just clone, [download](https://github.com/dbtek/bootstrap-vertical-tabs/releases) from GitHub.\n\n### Usage\n\n* [Get](https://github.com/dbtek/bootstrap-vertical-tabs#install) the package.\n* Include css in your html. / Load with webpack or css processors.\n* Use it.\n\n#### Left Tabs\n```html\n\u003cdiv class=\"col-xs-3\"\u003e \u003c!-- required for floating --\u003e\n    \u003c!-- Nav tabs --\u003e\n    \u003cul class=\"nav nav-tabs tabs-left\"\u003e\n      \u003cli class=\"active\"\u003e\u003ca href=\"#home\" data-toggle=\"tab\"\u003eHome\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca href=\"#profile\" data-toggle=\"tab\"\u003eProfile\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca href=\"#messages\" data-toggle=\"tab\"\u003eMessages\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca href=\"#settings\" data-toggle=\"tab\"\u003eSettings\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"col-xs-9\"\u003e\n    \u003c!-- Tab panes --\u003e\n    \u003cdiv class=\"tab-content\"\u003e\n      \u003cdiv class=\"tab-pane active\" id=\"home\"\u003eHome Tab.\u003c/div\u003e\n      \u003cdiv class=\"tab-pane\" id=\"profile\"\u003eProfile Tab.\u003c/div\u003e\n      \u003cdiv class=\"tab-pane\" id=\"messages\"\u003eMessages Tab.\u003c/div\u003e\n      \u003cdiv class=\"tab-pane\" id=\"settings\"\u003eSettings Tab.\u003c/div\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n```\n\n#### Right Tabs\n```html\n\u003cdiv class=\"col-xs-9\"\u003e\n  \u003c!-- Tab panes --\u003e\n  \u003cdiv class=\"tab-content\"\u003e\n    \u003cdiv class=\"tab-pane active\" id=\"home-r\"\u003eHome Tab.\u003c/div\u003e\n    \u003cdiv class=\"tab-pane\" id=\"profile-r\"\u003eProfile Tab.\u003c/div\u003e\n    \u003cdiv class=\"tab-pane\" id=\"messages-r\"\u003eMessages Tab.\u003c/div\u003e\n    \u003cdiv class=\"tab-pane\" id=\"settings-r\"\u003eSettings Tab.\u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"col-xs-3\"\u003e \u003c!-- required for floating --\u003e\n  \u003c!-- Nav tabs --\u003e\n  \u003cul class=\"nav nav-tabs tabs-right\"\u003e\n    \u003cli class=\"active\"\u003e\u003ca href=\"#home-r\" data-toggle=\"tab\"\u003eHome\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#profile-r\" data-toggle=\"tab\"\u003eProfile\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#messages-r\" data-toggle=\"tab\"\u003eMessages\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#settings-r\" data-toggle=\"tab\"\u003eSettings\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/div\u003e\n```\n#### Sideways Tabs :new:\n\nAdd `sideways` class to tabs.\n\nExample:\n```\n  \u003cul class=\"nav nav-tabs tabs-left sideways\"\u003e\n    ...\n```\n\n![screenshot vertical texts](screenshot-v.png)\n\nFurther, take a look at included demo!\n\n### License\n[MIT](opensource.org/licenses/MIT)\n\n### Author\nIsmail Demirbilek, [@dbtek](http://twitter.com/dbtek).\n","funding_links":[],"categories":["HTML"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdbtek%2Fbootstrap-vertical-tabs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdbtek%2Fbootstrap-vertical-tabs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdbtek%2Fbootstrap-vertical-tabs/lists"}