search

openam / bootstrap-responsive-tabs

Bootstrap responsive tabs are tabs that switch to collapsible components (accordions) when resized.
openam.github.io/bootstrap-responsive-tabs
MIT License
132 stars 60 forks source link

nav-tabs & tab-content NOT in same div #10

Closed gonzaloprego closed 8 years ago

gonzaloprego commented 10 years ago

What about if a need the nav-tabs in one div, and the tab-content in another? Something like this:

<div class="div-for-nav-tabs"
  <ul class="nav nav-tabs responsive" id="myTab">
    <li class="active"><a href="#home">Home</a></li>
    <li><a href="#profile">Profile</a></li>
    <li><a href="#messages">Messages</a></li>
  </ul>
</div>

<div class="div-for-tab-content"
  <div class="tab-content responsive">
    <div class="tab-pane active" id="home">...content...</div>
    <div class="tab-pane" id="profile">...content...</div>
    <div class="tab-pane" id="messages">...content...</div>
  </div>
</div>

When nav-tabs and tab-content are not in the same level, when the screen is small, the tabs and the content disappears.

Is there a workaround for this?

openam commented 10 years ago

There isn't currently a workaround for this. It just creates the panel-group right after where the nav tabs were created.

openam commented 8 years ago

Closing due to inactivity. Not sure of the use case either.