Question

我正在使用twitter bootstrap选项卡，我想只加载他们需要的CSS，我应该加载什么？现在我正在使用

  @import "reset.less";

  // Core variables and mixins
  @import "variables.less"; // Modify this for custom colors, font-sizes, etc

  @import "mixins.less";

  // Grid system and page structure
  //@import "scaffolding.less";
  //@import "grid.less";
  //@import "layouts.less";

  // Base CSS
  @import "type.less";
  //@import "code.less";
  //@import "forms.less";
  //@import "tables.less";

  // Components: common
  //@import "sprites.less";
  //@import "dropdowns.less";
  @import "wells.less";
  //@import "component-animations.less";
  //@import "close.less";

  // Components: Buttons & Alerts
  @import "buttons.less";
  //@import "button-groups.less";
  //@import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less

  // Components: Nav
  @import "navs.less";
  @import "navbar.less";
  //@import "breadcrumbs.less";
  //@import "pagination.less";
  //@import "pager.less";

  // Components: Popovers
  //@import "modals.less";
  //@import "tooltip.less";
  //@import "popovers.less";

  // Components: Misc
  //@import "thumbnails.less";
  //@import "labels.less";
  //@import "badges.less";
  //@import "progress-bars.less";
  //@import "accordion.less";
  //@import "carousel.less";
  @import "hero-unit.less";

  // Utility classes
  @import "utilities.less"; // Has to be last to override when necessary

我需要更多吗？

Answer 1

我认为这就足够了，对所有类型的导航和标签使用这些较少的文件

navs.less, mixin.less,

但它还取决于标签的样式，如果可能，请告诉我样式

Answer 2

尽管这已经过时并且已经回答了，但是如果有人在实际需要的情况下偶然发现了一些google-fu，那么无论如何你都要自己设计风格，如下所示。

.tab-content {
    > .tab-pane {
        display: none;
        visibility: hidden;
    }
    > .active {
        display: block;
        visibility: visible;
    }
}

我应该包含哪些文件来使用twitter引导标签？

2 个答案: