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

时间:2015-08-06 17:09:59

标签: html css twitter-bootstrap

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

全屏尺寸 Screen shot when screen is maximized

最小屏幕 enter image description here

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

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

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

1 个答案:

答案 0 :(得分:1)

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

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