是否有任何准备使用前缀的 Bootstrap css 文件

Question

我有使用 Foundation 的网络应用程序。

我不擅长基础，我必须开发一些我想使用的页面 Bootstrap 但我不想与其他公司的 css 混合。

所以我在寻找是否可以将所有 bootsrap 包装在某个类中，例如 bootstrap 。这样如果我想使用 bootsrap 。我可以像这样使用

<div class="bootstrap"> <table class="table">
</div>

我不知道 sass 之类的。

是否可以使用一些预定义的前缀从网上下载一些 bootstrap css

原文由 user3214546 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果你不使用 SASS 或 LESS，你可以使用 http://www.css-prefix.com/

1. 做一个简短的前缀（我的建议）
2. 如果你使用一个空格，那么它将是一个父类。
3. 粘贴编译版本的 CSS 文件
4. 单击运行按钮

结果片段：

 .tb.col-xs-1, .tb.col-sm-1, .tb.col-md-1, ...

原文由 Christina 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

事实上，您可以使用命名空间，请参阅： How to namespace Twitter Bootstrap so styles don’t conflict ，http: //lesscss.org/features/#features-overview-feature-namespaces-and-accessors 和

如果您只需要用于表格的 Bootstrap CSS，您可以在 http://getbootstrap.com/getting-started/#download 下载源代码后编译以下 Less / SASS 代码：

**少/SASS **

 .bootstrap {
@import "variables";
@import "mixins/table-row";
@import "tables";
}

如您所见，您可以对 Less 和 SASS 使用相同的代码，请注意导入的顺序在编译 SASS 版本时很重要。

更新

接受的解决方案仅前缀类（或具有类的选择器）。如果您想使用 Bootstrap 的 CSS 来设置 HTML 表格的样式。您的前缀没有 table ， th 和 caption 选择器的引导程序样式。

即使你之前从未使用过 Less / CSS，你也可以使用在线编译器轻松地使用 Less（或 SASS）做前缀。可以在以下位置找到在线 Less 编译器列表：http: //lesscss.org/usage/#online-less-compilers 。 codepen 还有一个在线 LESS 和 SASS 编译器。

您唯一需要知道的是要导入哪些文件。 Bootstrap 的 Less 文件组织得很好。您应该始终导入 variables.less 和 mixins.less 。 mixins.less 导入所有其他 mixin。 Mixins 不输出，所以全部导入会减慢编译速度，但不会出现在编译后的 CSS 代码中。

如果您想要表格 CSS 的前缀版本，您可以在其中一个在线编译器中运行以下代码：

 .bootstrap {
    @import url("https://raw.githubusercontent.com/twbs/bootstrap/master/less/variables.less");
    @import url("https://raw.githubusercontent.com/twbs/bootstrap/master/less/mixins.less");
    @import url("https://raw.githubusercontent.com/twbs/bootstrap/master/less/tables.less");
}

可以在以下位置找到演示： http ://codepen.io/bassjobsen/pen/PwPNBP

原文由 Bass Jobsen 发布，翻译遵循 CC BY-SA 3.0 许可协议