如何使用Bootstrap 3或4-16和24网格系统

Question

我已经设计了Bootstrap 24 psd网格网站模板，但是现在我很困惑如何在Bootstrap 3或4中使用此24或16 psd网格，因为Bootstrap仅提供12 col网格系统。 那里有人有适当的解决方案吗？

Answer 1

您可以自定义引导程序，并根据16或24个网格将网格从12个更改。

只需转到以下链接并自定义引导程序，然后下载引导程序即可。

  

https://getbootstrap.com/docs/3.3/customize/

Answer 2

您可以按照上面的步骤进行操作-设置sass / less样式，或者按如下方式嵌套列：click.

gradle clean build

Answer 3

不幸的是，Bootstrap 4中没有自定义工具，因此自定义构建是必要的步骤。

但是不用担心，这很容易。

1. 按照此答案中的说明进行操作-https://stackoverflow.com/a/47251052/1614120（您需要安装Node.js）
2. 将以下代码放入name.scss（第5步中提到的文件）中：

name.scss

@import "bootstrap/scss/functions";
@import "bootstrap/scss/variables";
@import "bootstrap/scss/mixins";

// Set this value to 16, 24, etc. depending on how many columns you need.
$grid-columns: 24;

@import "bootstrap/scss/grid";

1. 编译（第7步）。

如果除网格之外还需要其他任何Bootstrap组件，请参阅说明的第5步。