Css 自定义引导的槽和列大小

我们的设计师设计的网站没有使用网格系统，但幸运的是，我找到了一个网格系统，以适应它与播放一些设置。它仍然是12个网格，但边沟和列的大小与引导的不同。。现在我想问一些问题

• 从bootstrap的官方定制器或bootstrap Live定制器定制bootstrap是一种良好的行为吗

• 当您想要定制并同时保持响应能力时，最好的方法是什么

我要更改的设置是边沟大小和列大小。我知道如何使用引导，但我从来没有尝试过自定义它。我认为预先定制引导比对几乎每个元素使用填充/边距更好，我认为这是一种复杂的响应

正确的计算方法是什么？例如，在Bootstrap的官方定制程序上，我应该更改哪些字段？如何计算所有屏幕尺寸的大小

---

他在设计时也使用了1440 x 900

调整以下网格设置的最佳方法是什么？在这里，我添加了适合设计的网格设置：

---

引导程序有一组变量，如果需要，可以在项目中重写这些变量

最大宽度：

$容器最大宽度

，
列数：

$grid columns

，
和檐槽尺寸：

$栅格檐槽宽度基准

此外，您还可以为每个屏幕大小设置不同的边距大小：

$grid gotter widths

您可以不使用引导的预编译css文件，而是使用它的scss版本，自己编译scss文件

---

更新：

---

作者使用较少版本的引导。因此，您可以更改较少的变量：

@gridColumns

、

@gridColumnWidth

、

@gridGutterWidth

，等等。

Bootstrap有一组变量，如果需要，可以在项目中重写这些变量

最大宽度：

$容器最大宽度

，
列数：

$grid columns

，
和檐槽尺寸：

$栅格檐槽宽度基准

此外，您还可以为每个屏幕大小设置不同的边距大小：

$grid gotter widths

您可以不使用引导的预编译css文件，而是使用它的scss版本，自己编译scss文件

---

更新：

---

作者使用较少版本的引导。因此，您可以更改较少的变量：

@gridColumns

、

@gridColumnWidth

、

@gridGutterWidth

，等等。

“从bootstrap的官方定制程序定制引导程序是一个好行为吗”——当然，为什么不呢？这不是它的目的吗？“当您想要自定义并同时保持响应性时，最好的方法是什么？”--我相信，但不要引用我的话，无论您更改什么设置，自定义程序都应该足够聪明以保持响应性。您能帮助我更改哪些设置以使我的设置适应引导吗？我对如何计算感到很困惑。我认为你不必做任何计算。自定义程序在编译css时会使用您的值自动计算所有内容。要更改边沟大小，您可以转到此处：并调整

@网格边沟宽度

，它将根据该值为您计算所有其他内容。然而，列通常使用百分比表示宽度，所以我认为不能使用固定大小。例如，12列布局中的一列的宽度为

1/12

或

8.333%

“从bootstrap的官方定制程序定制bootstrap是一个好行为吗”——当然，为什么不？这不是它的目的吗？“当您想要自定义并同时保持响应性时，最好的方法是什么？”--我相信，但不要引用我的话，无论您更改什么设置，自定义程序都应该足够聪明以保持响应性。您能帮助我更改哪些设置以使我的设置适应引导吗？我对如何计算感到很困惑。我认为你不必做任何计算。自定义程序在编译css时会使用您的值自动计算所有内容。要更改边沟大小，您可以转到此处：并调整

@网格边沟宽度

，它将根据该值为您计算所有其他内容。然而，列通常使用百分比表示宽度，所以我认为不能使用固定大小。例如，12列布局中的一列的宽度为

1/12

或

8.333%

Use！所有变量的默认值如下：$container max widths:1440px！违约并在需要引导之前设置变量。使用！所有变量的默认值如下：$container max widths:1440px！违约并在需要引导之前设置变量。