Bootstrap，强制列在顶部

Question

我有一个非常简单的Bootstrap应用程序。它基本上只有一行，有两列。在左栏中有一个列表（比屏幕上的行更多的项目）。我点击一个元素，在右栏中我看到了这个元素的详细数据。

这是实现该目标的代码片段：

<div class="container-fluid">
    <div class="row">
        <div class="col-md-2 sidebar">
            {% for key in keys %}
                <li><a href="#{{ key }}" data-toggle="tab">{{ key }}</a></li>
            {% endfor %}
        </div>


        <div class="col-md-10 main">   <!--col-md-offset-2-->
              <h1 class="page-header">Dashboard</h1>

              <div id="myTabContent" class="tab-content">
                {% for key in keys %}
                    <div class="tab-pane fade in" id="{{ key }}">
                        <p>{{ key }}</p>
                    </div>
                {% endfor %}
              </div>
        </div>
    </div>
</div>

但是，即使我在左侧列表中向下滚动，右列中的信息也始终位于第二列的第一行。

如何强制让信息从可见屏幕顶部开始？` 我是Bootstrap的初学者。

托马斯