bootstrap 如何使用mixin
最近在学习bootstrap,看到 http://v3.bootcss.com/ 经常会提起mixin, bootstrap-3.3.5 中的less/mixins中有大量的mixin,不知道在实际项目中该如何使用?
以清楚浮动.clearfix()为例。自己想到了一种方法:
在单独的.less中,添加如下代码
// Mixin
.clearfix() {
&:before,
&:after {
content: " ";
display: table;
}
&:after {
clear: both;
}
}
// Usage
.container {
.clearfix();
}
因为没有在项目中用过,所以以上都是理论,不知道实际中会怎么处理?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
bootstrap是使用的less来编译CSS的,所以你可以去Less的官网看看
附上链接:less语言特性
這篇蠻詳細。有教你該怎麼引用與組織目錄架構。