CODEWITHSUNDEEP
jquerycsstwitter-bootstrap
Serkan Akpolat
Serkan Akpolat

Reputation: 21

Bootstrap Tabbable Nav Setting Tab-Section2 Height to Tab-Section1

i have a tab nav with 2 tabs panes. Both tab contents are dynamic but first tab content has always more lines than the second tabs content. i dont want that the second tab content collapse when i click the second tab pane. I want to make the second tabs content height same as the first ones. How can i do it? Thanks.

Upvotes: 0

Views: 3816

Answers (2)

Michael Ben-Nes
Michael Ben-Nes

Reputation: 7645

Did it as Serkan suggested using Jquery and in one line. The unique selector is to limit .tab-pane selection

$(document).ready(function(){
    // Fix the height of the inner tabs
    $('#unique_selector .tab-pane').css('height', $('#unique_selector .tab-pane').css('height') );
});

Upvotes: 0

Jesse
Jesse

Reputation: 5074

You could override the CSS for .tab-pane and set the height attribute if you want all tabs to be the same height:

.tab-pane {
    height: 400px;
}

Upvotes: 2

Related Questions