使用 Jquery 和 Bootstrap 的选项卡中的选项卡，内部选项卡未填充到宽度

Question

所以我正在开发一个使用 Bootstrap 选项卡的项目，其中一个选项卡的左侧是一个细的，右侧是另一个选项卡控件。

现在内部标签不会填充屏幕右侧的其余宽度，留下很大的间隙。 （如下图）

现在我想消除红色箭头标记的间隙并让内部选项卡填充该空间。

这是 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>

Answer 1

如果没有看到您的 CSS，很难说出是什么推动了内部标签集。

如果您在 CSS 中为 rightpane 设置了 margin 或 margin-right，这可能会导致问题。

This fiddle 展示了如何有一个固定的标题和固定的左窗格，并且屏幕的其余部分随着页面滚动。