したがって、Bootstrap タブを使用しているプロジェクトに取り組んでいます。これらのタブの 1 つの内部には、左側に薄いタブ コントロールがあり、右側に別のタブ コントロールがあります。
これで、内側のタブが画面の右側の残りの幅を埋めなくなり、大きな隙間ができてしまいます。(下図)
ここで、赤い矢印でマークされたギャップをなくし、内側のタブでそのスペースを埋めたいと思います。
外側のタブ グループ内で実際に HTML がどのように見えるかを次に示します。
<div id="container">
<div id="leftpane">
<div id="circles-active" class="circle">
// Display Graph
</div>
</div>
<div id="rightpane">
<div id="rightpane-inner">
// Display Inner Tab Group
</div>
</div>
</div>