Problem Grid height In the bootstrap tabs

Title:

BI{code} ?

Hi I use grids inside bootstrap tabs http://www.w3schools.com/bootstrap/bootstrap_tabs_pills.asp they all have the same height set, but when I click through the tabs the first grid has a smaller height than all the other grids

Save Changes Cancel

dear

asked at 13 Nov 2016

• http://aspnetawesome.com/learn/mvc/CommonProblems#Isolate-the-problem
  at 14 Nov 2016 Omu

Answers

• BI{code} ?

  actually only the first tab was showing the correct height, the rest are layed out while being hidden and that's problematic, you need to call `api.lay` when the tab is shown: <script> $(function() { $(document).on('shown.bs.tab', function () { $('.awe-grid').each(function() { $(this).data('api').lay(); // $(this).find('.awe-header').css('padding-right','');// uncomment this if you also use style="direction:rtl;" on the main div }); }); }); </script>

  Save Changes Cancel

  

  Omu

  answered at 15 Nov 2016

  • It's ok , my problem has solved.thanks a lot.
    at 16 Nov 2016 dear

please Sign In to leave an answer