{"action":"created","issue":{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/469","labels_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/469/labels{/name}","comments_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/469/comments","events_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/469/events","html_url":"https://github.com/react-bootstrap/react-bootstrap/issues/469","id":65779672,"number":469,"title":"Stacked Tabs","user":{"login":"sam-perez","id":6978393,"avatar_url":"https://avatars.githubusercontent.com/u/6978393?v=3","gravatar_id":"","url":"https://api.github.com/users/sam-perez","html_url":"https://github.com/sam-perez","followers_url":"https://api.github.com/users/sam-perez/followers","following_url":"https://api.github.com/users/sam-perez/following{/other_user}","gists_url":"https://api.github.com/users/sam-perez/gists{/gist_id}","starred_url":"https://api.github.com/users/sam-perez/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sam-perez/subscriptions","organizations_url":"https://api.github.com/users/sam-perez/orgs","repos_url":"https://api.github.com/users/sam-perez/repos","events_url":"https://api.github.com/users/sam-perez/events{/privacy}","received_events_url":"https://api.github.com/users/sam-perez/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/labels/2%20-%20Prioritized%20Backlog","name":"2 - Prioritized Backlog","color":"CCCCCC"},{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/labels/enhancement","name":"enhancement","color":"84b6eb"},{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/labels/help%20wanted","name":"help wanted","color":"bfe5bf"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-04-01T21:09:25Z","updated_at":"2015-04-09T18:55:11Z","closed_at":null,"body":"I was wondering if there is a way to create stacked tabs (tabs using a stacked nav on either the left or the right of the content as opposed to being on top of the content).\r\n\r\nIf not, are there any plans to include this feature in the future?\r\n\r\n<!---\r\n@huboard:{\"order\":460.96875,\"milestone_order\":469,\"custom_state\":\"\"}\n-->\r\n"},"comment":{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/comments/91327115","html_url":"https://github.com/react-bootstrap/react-bootstrap/issues/469#issuecomment-91327115","issue_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/469","id":91327115,"user":{"login":"rkiel","id":5695133,"avatar_url":"https://avatars.githubusercontent.com/u/5695133?v=3","gravatar_id":"","url":"https://api.github.com/users/rkiel","html_url":"https://github.com/rkiel","followers_url":"https://api.github.com/users/rkiel/followers","following_url":"https://api.github.com/users/rkiel/following{/other_user}","gists_url":"https://api.github.com/users/rkiel/gists{/gist_id}","starred_url":"https://api.github.com/users/rkiel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rkiel/subscriptions","organizations_url":"https://api.github.com/users/rkiel/orgs","repos_url":"https://api.github.com/users/rkiel/repos","events_url":"https://api.github.com/users/rkiel/events{/privacy}","received_events_url":"https://api.github.com/users/rkiel/received_events","type":"User","site_admin":false},"created_at":"2015-04-09T18:55:11Z","updated_at":"2015-04-09T18:55:11Z","body":"We had this exact need.  We modified <TabbedArea> to support 2 optional props: navGrid & paneGrid. For example:\r\n\r\n<TabbedArea navGrid={{xs:2,sm:4}} paneGrid={{xs:10,sm:8}} bsStyle='pills' stacked>\r\n  <TabPane tab='Foo'> blah blah </TabPane>\r\n  <TabPane tab='Bar'> blah blah </TabPane>\r\n</TabbedArea>\r\n\r\nThe result would be the \"nav\" stuff wrapped in a <div className=\"col-xs-2 col-sm-4\"> and the other generated div would include classname=\"tab-content col-xs-10 col-sm-8\".  Of course, if you leave off the 2 props, then TabbedArea works like it did before.\r\n\r\nWould be willing to help by submitting a pull-request."}}