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

Problem when resizing a normal screen #14

Closed spap13 closed 10 years ago

spap13 commented 10 years ago

Hi,

I get a problem with tab-content when re-sizing a normal PC screen. When from large going to small everything is fine. When I re-size the browser back to its normal size all tab content disappears. I can see only tabs but no content. Am I missing something?

thanks in advance

spap13 commented 10 years ago

this is chrome on windows

capture_1_responsive_tabs capture_2_responsive_tabs

openam commented 10 years ago

Do you have this problem when you resize the pages at http://openam.github.io/bootstrap-responsive-tabs?

spap13 commented 10 years ago

No not at all. here is the code.. I just followed your instructions so it has to be something with the code... this is plain html, bootstrap, javascript for now. Do you want me to send you the whole HTML page?

<div class="tabs-container">
            <ul class="nav nav-tabs responsive" role="tablist">
                <li class="active"><a href="#user-details" role="tab" data-toggle="tab">General Information</a></li>
                <li><a href="#privacy" role="tab" data-toggle="tab">Privacy Settings</a></li>
                <li><a href="#picture" role="tab" data-toggle="tab">Change Picture</a></li>
                <li><a href="#password" role="tab" data-toggle="tab">Change Password</a></li>
                <li><a href="#del-account" role="tab" data-toggle="tab">Delete Account</a></li>
            </ul>
            <div class="tab-content responsive">
                <div class="tab-pane fade in active" id="user-details">
                .....
               <div class="tab-pane fade in active" id="xxxxx">
farkasimre commented 10 years ago

I have same issue:)

and found the problem need ID tag for ul list

<ul class="nav nav-tabs responsive" role="tablist"  id="NEED-THIS-ONE">
spap13 commented 10 years ago

It worked indeed! thanks!

openam commented 10 years ago

Looks like this was the same issue as #15.