Bootstrap：堆叠导航栏在最小化时显示内容边框

Question

我正在使用堆叠导航栏创建垂直菜单。导航栏的问题在于，当我最小化窗口时，选项卡内容周围有一些边框。我正在内容部分中呈现一个表。

全屏尺寸

最小屏幕

我无法弄清楚为什么最小化时桌子周围会出现微弱的边框。如何删除它？

  <div class="row-fluid"> 
    <div class="tabbable">
    <!-- Tab contents --> 
    {{ show_tabs_vertical(tab.content.moreTabs) }}
    <div class="tab-content col-md-9 col-xs-10"> 
      {% for tab in tab.content.moreTabs %}
      <div id="{{tab.div_id}}" class="tab-pane">
      {{ show_table(tab) }}
      </div> <!-- Tab Div ID -->
    </div>
   </div>
  </div>

标记工作正常，我无法在任何地方定义任何边框。

Answer 1

我认为这是因为您的表包含在table-responsive类中。当屏幕低于768px时，此类允许表格可滚动（水平）。它还增加了边框。请参阅bootstrap源中的_tables.css。

检查可能正在添加的默认包装类show_table的类型。