bootstrap 如何使用mixin

发布于 2022-09-02 08:48:13 字数 497 浏览 7 评论 0

最近在学习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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

已下线请稍等 2022-09-09 08:48:13

bootstrap是使用的less来编译CSS的,所以你可以去Less的官网看看
附上链接:less语言特性

此刻的回忆 2022-09-09 08:48:13

這篇蠻詳細。有教你該怎麼引用與組織目錄架構。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文