Bootstrap 4.1 Same Height Nav Tab Pane in Modal
To set all the tab panes height, use this snipped on document ready() $ ( '#YourModalContentDivID a[data-toggle="tab"]' ). bind ( 'shown.bs.tab' , function ( e ) { var relatedHeight = $ ( '#YourHeighestTabDivID' ). height (); var targetHref = $ ( e . target ). attr ( "href" ); var $activatedTabContent = $ ( targetHref ); $activatedTabContent . innerHeight ( relatedHeight ); });