Css 使用引导创建包含10列的网格

是否可以使用引导创建10列布局

col-md-1

给出12，col-md-2给出6，但我需要10。我怎样才能做到这一点？有任何css“黑客”吗

---

我正在考虑将2个5列网格相互粘贴（从问答中），但我不确定如何实现这一点。

就像您链接的问答一样，创建10列（而不是5列），第一列的偏移量如下所示：

div[class^=“col-xs-1”]{
边框：1px纯黑；
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10

引导程序3: 如果你想使用全宽，你可以使用

但是，您必须使用：10%，而不是20%（1/5*100%）：

.col-xs-1-10，
.col-sm-1-10{
位置：相对位置；
最小高度：1px；
}
.col-xs-1-10{
宽度：10%；
浮动：左；
}
@介质（最小宽度：768px）{
.col-sm-1-10{
宽度：10%；
浮动：左；
}
}
@介质（最小宽度：992px）{
.col-md-1-10{
宽度：10%；
浮动：左；
}
}
@介质（最小宽度：1200px）{
.col-lg-1-10{
宽度：10%；
浮动：左；
}
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10

我创建了一个10列引导布局，其中有10%的选项可供使用 请随意使用

---

实际上，我们可以使用Bootstrap和Sass的源代码自定义网格系统中的列长度。

首先，创建一个名为myBootstrap.scss的scss文件并键入：

$grid-columns: 10;

接下来，引导程序的源代码及其在scss文件中的位置：

@import "bootstrap-4.3.1/scss/bootstrap" // bootstrap.scss is the file you need to import.

然后，我们在myBootstrap.scss中有这样一个：

$grid-columns: 10;

@import "bootstrap-4.3.1/scss/bootstrap";

最后，在命令行中将其安装并编译到myBootstrap.css中，或者您可以按照自己的方式进行：

sass myBootstrap.scss myBootstrap.css

现在，只需用myBootstrap.css替换原始的引导css：

<link rel="stylesheet" href="myBootstrap.css">

---

完成了。您可以在

@ehsan中阅读更多内容，因为引导程序总是需要加12。所以12次col-md-1给出了12列，而col-md-2的12次col-md-2给出了2列6列。你需要什么？也许就在你的12列网格内，你可以创建一个特殊类，就像你说的col-md-2-5，并将宽度设置为10%@ehsan我需要一个10列布局，带bootrstap（居中，响应）。@twan，你想把12列改为10列吗？