2012-05-04 17 views
4

今私はtwitterブートストラップタブを使用するために含める必要があるファイルはどれくらいですか?

@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 

を使用しています私はより多くを必要としますか?私は何をロードする必要があり、私はTwitterのブートストラップタブを使用していると私は彼らのために必要なだけCSSをロードしたいですか?

答えて

2

私はそれが十分だと思う、たNAVのすべてのタイプのためにこれらの小さいファイルを使用して、タブ

navs.less, mixin.less, 

しかし、もし可能なら、それはまた、あなたのタブのスタイリングに依存はしても、このかかわら

+0

これは、標準のスタイリングhttp://twitter.github.com/bootstrap/javascript.html#tabsだが、私はyouareは、右推測し、それが –

+0

は、ブートストラップ仲間について何かある十分ですか? – Chandrakant

0

スタイリングことを私に示して誰かが実際に必要としているいくつかのgoogle-fuでこれにつまずいた場合、もしあなたが自分でスタイルをとっていくのなら、次のようになります。

.tab-content { 
    > .tab-pane { 
     display: none; 
     visibility: hidden; 
    } 
    > .active { 
     display: block; 
     visibility: visible; 
    } 
} 
関連する問題