jquery-ui - 使用 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，很难说出是什么推动了内部选项卡。

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

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