html - Bootstrap : Stacked nav bar shows a border on content when minimized

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 类中。当屏幕低于 768 像素时，此类允许表格变得可滚动(水平)。它还添加了边框。请参阅 Bootstrap 源中的 _tables.css。

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