Html 在引导中导入modal.less
我正在尝试使用bootstrap(v3.3.7)在我的项目中导入modals.less文件 下面是bootstrap.less代码:Html 在引导中导入modal.less,html,css,twitter-bootstrap,less,bootstrap-modal,Html,Css,Twitter Bootstrap,Less,Bootstrap Modal,我正在尝试使用bootstrap(v3.3.7)在我的项目中导入modals.less文件 下面是bootstrap.less代码: /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Custom file *
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Custom file
*/
// Core variables and mixins
@import "variables.less";
@import "mixins.less";
// Core CSS
@import "scaffolding.less";
@import "grid.less";
@import "forms.less";
@import "buttons.less";
// Components
@import "modals.less";
@import "navs.less";
@import "dropdowns.less";
@import "popovers.less";
// Utility classes
@import "utilities.less";
@import "responsive-utilities.less";
但它在导入时抛出了一个错误
消息:'。未定义转换
这是哪一行:
// When fading in the modal, animate it to slide down
&.fade .modal-dialog {
.translate(0, -25%);
.transition-transform(~"0.3s ease-out");
}
我是否还需要导入我不知道的任何其他依赖项才能使用modal
编辑:
// Mixins
// --------------------------------------------------
// Utilities
@import "mixins/tab-focus.less";
@import "mixins/hide-text.less";
@import "mixins/responsive-visibility.less";
@import "mixins/image.less";
@import "mixins/reset-filter.less";
@import "mixins/reset-text.less";
/*
@import "mixins/opacity.less";
@import "mixins/labels.less";
@import "mixins/resize.less";
@import "mixins/size.less";
@import "mixins/vendor-prefixes.less";
@import "mixins/text-emphasis.less";
@import "mixins/text-overflow.less";*/
// Components
@import "mixins/forms.less";
@import "mixins/buttons.less";
@import "mixins/nav-divider.less";
/*
@import "mixins/alerts.less";
@import "mixins/panels.less";
@import "mixins/pagination.less";
@import "mixins/list-group.less";
@import "mixins/progress-bar.less";
@import "mixins/table-row.less";*/
// Skins
@import "mixins/border-radius.less";
/*
@import "mixins/background-variant.less";
@import "mixins/gradients.less";
*/
// Layout
@import "mixins/clearfix.less";
@import "mixins/center-block.less";
@import "mixins/nav-vertical-align.less";
@import "mixins/grid-framework.less";
@import "mixins/grid.less";
通过上述评论进一步调查后,问题似乎是
@import“mixins/vendor prefixes.less”
在mixins.less
文件中被注释掉。我建议取消该行的注释。您的mixins.less
是否有@import“mixins/vendor prefixes.less”行代码>?@JosephMarikle我刚检查过,mixins文件夹中没有供应商前缀。更少的文件。否但您正在运行v3.3.7
?它应该在那里:我以定制的方式使用它,所以不同时使用所有文件。然后我建议您将该文件添加到mixins文件夹中,并添加@import“mixins/vendor prefixes.less”代码>。通常它会出现在“it's working now”中的//Utilities
注释下,我看到所有的转换和其他规则都是在这个较少的文件中定义的。