Bootstrap＆LESS：干净的“参考”导入

我读@import (reference)并试图导入bootstrap而不添加css块。Bootstrap＆LESS：干净的“参考”导入

我想，如果我的LESS文件刚一单行导出的css文件将是空的：

@import (reference) "bootstrap";

但export.css有一些行：

d.thumbnail > img, ... 
.carousel-inner > .item > a > img { 
    display: block; 
    max-width: 100%; 
    height: auto; 
} 
.btn-group-lg > .btn {...} 
.btn-group-sm > .btn {...} 
.btn-group-xs > .btn {...} 
.container:before, ... 
.modal-footer:after { 
    content: " "; 
    display: table; 
} 
.container:after, ... 
.modal-footer:after { 
    clear: both; 
}

那么，为什么？他们在这里是有原因的吗？

我使用Less 1.7.0和Bootstrap 3.1.1。

来源

2014-04-17 gfaceless

这是已知的问题“参考”的实施具有一定的嵌套/自引用模式问题你。可以通过导入编译的引导程序CSS和单个的mixin组件（如果需要）来实现更清晰的结果，例如：'@import（less，reference）“.../bootstrap.css”; @import“.../mixins.less “;''等等 –

@ seven-phases-max谢谢，这确实有帮助。 – gfaceless

@ seven-phases-max是否有链接到导入引用问题？我想了解更多关于它的信息 – xeepete

这是因为:extend里面的文件Bootstrap。你可以使用这个（v.3.xx）：

// Core variables and mixins 
@import "bootstrap/variables.less"; 
@import (reference) "bootstrap/mixins.less"; 

// Reset and dependencies 
// @import "bootstrap/normalize.less"; 
// @import (reference) "bootstrap/print.less"; 
// @import (reference) "bootstrap/glyphicons.less"; 

// Core CSS 
@import (reference) "bootstrap/scaffolding.less"; 
// @import (reference) "bootstrap/type.less"; 
@import (reference) "bootstrap/code.less"; 
// @import (reference) "bootstrap/grid.less"; 
@import (reference) "bootstrap/tables.less"; 
// @import (reference) "bootstrap/forms.less"; 
@import (reference) "bootstrap/buttons.less"; 

// Components 
@import (reference) "bootstrap/component-animations.less"; 
@import (reference) "bootstrap/dropdowns.less"; 
// @import (reference) "bootstrap/button-groups.less"; 
// @import (reference) "bootstrap/input-groups.less"; 
// @import (reference) "bootstrap/navs.less"; 
// @import (reference) "bootstrap/navbar.less"; 
@import (reference) "bootstrap/breadcrumbs.less"; 
@import (reference) "bootstrap/pagination.less"; 
// @import (reference) "bootstrap/pager.less"; 
@import (reference) "bootstrap/labels.less"; 
@import (reference) "bootstrap/badges.less"; 
@import (reference) "bootstrap/jumbotron.less"; 
// @import (reference) "bootstrap/thumbnails.less"; 
@import (reference) "bootstrap/alerts.less"; 
@import (reference) "bootstrap/progress-bars.less"; 
@import (reference) "bootstrap/media.less"; 
@import (reference) "bootstrap/list-group.less"; 
// @import (reference) "bootstrap/panels.less"; 
@import (reference) "bootstrap/responsive-embed.less"; 
@import (reference) "bootstrap/wells.less"; 
@import (reference) "bootstrap/close.less"; 

// Components w/ JavaScript 
// @import (reference) "bootstrap/modals.less"; 
@import (reference) "bootstrap/tooltip.less"; 
@import (reference) "bootstrap/popovers.less"; 
// @import (reference) "bootstrap/carousel.less"; 

// Utility classes 
@import (reference) "bootstrap/utilities.less"; 
@import (reference) "bootstrap/responsive-utilities.less";

但是这是荒谬:(

来源

2015-11-26 15:25:55

Bootstrap＆LESS：干净的“参考”导入

回答

相关问题