关于在引导程序3.0中导入app.less的位置的建议



因此,我开始使用bootstrap 3.0,并意识到有相当多的更改。我想为我的站点特定定制添加一个app.less。我知道它应该添加到bootstrap.less中,但我想听听在哪里添加它的建议!我是否必须对package.jsongruntfile.js进行任何其他更改才能使用"标准"咕哝命令,如咕哝和咕哝手表?

Untouched Bootstrap.less

/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */
// Core variables and mixins
@import "variables.less";
@import "mixins.less";
// Reset
@import "normalize.less";
@import "print.less";
// Core CSS
@import "scaffolding.less";
@import "type.less";
@import "code.less";
@import "grid.less";
@import "tables.less";
@import "forms.less";
@import "buttons.less";
// Components: common
@import "component-animations.less";
@import "input-groups.less";
@import "dropdowns.less";
@import "list-group.less";
@import "panels.less";
@import "wells.less";
@import "close.less";
// Components: Nav
@import "navs.less";
@import "navbar.less";
@import "button-groups.less";
@import "breadcrumbs.less";
@import "pagination.less";
@import "pager.less";
// Components: Popovers
@import "modals.less";
@import "tooltip.less";
@import "popovers.less";
// Components: Misc
@import "alerts.less";
@import "thumbnails.less";
@import "media.less";
@import "labels.less";
@import "badges.less";
@import "progress-bars.less";
@import "accordion.less";
@import "carousel.less";
@import "jumbotron.less";
// Utility classes
@import "utilities.less"; // Has to be last to override when necessary
@import "responsive-utilities.less";

为什么不制作一个额外的LESS文件,同时调用您的自定义文件和引导程序。

因此,在mystyles.less中,您将拥有

@import "bootstrap.less";
@import "app.less";

然后,当有更新版本的Bootstrap时,您只需替换文件,保持文件不变。

最新更新