使用 Sass 从选择器继承所有 bootstrap 类

Question

我是 Sass 的新手，我想要所有 bootstrap.css 类都有一个父亲 ID，像这样：

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
#mycustomid html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
#mycustomid body {
  margin: 0;
}
#mycustomid article,
#mycustomid aside,
#mycustomid details,
#mycustomid figcaption,
#mycustomid figure,
#mycustomid footer,
#mycustomid header,
#mycustomid #mycustomid hgroup,
#mycustomid #mycustomid main,
#mycustomid #mycustomid menu,
#mycustomid #mycustomid nav,
#mycustomid #mycustomid section,
#mycustomid #mycustomid summary {
  display: block;
}
#mycustomid audio,
#mycustomid canvas,
#mycustomid progress,
#mycustomid video {
  display: inline-block;
  vertical-align: baseline;
}

如何使用 bootstrap sass 执行此操作？

我从官方页面下载了完整的 bootstrap sass。

我学会了用gulp和bower编译它，但我不知道应该在哪个文件中添加主要id。

see my image with the files

Answer 1

只需用您的自定义选择器包裹 scss 文件的@import...

#mycustomid {
    @import "bootstrap";
}

请注意，#mycustomid 元素需要包裹整个文档：html、正文等。

Demo on Codeply

使用 Sass 从选择器继承所有 bootstrap 类

Inherit all bootstrap classes from selector using Sass

css

sass

twitter-bootstrap

gulp-sass