html - PSD to bootstrap - 请建议保持 HTML 与大 PSD 相同

Question

一个非常挑剔的设计师正在用~ 构建一个PSD。 1900 像素 .
客户端要求在桌面打开网站时，它必须看起来与 PSD 相同。这是他们唯一关心的否则客户将不会批准该网站。 PSD 不是使用 Bootstrap 网格构建的。
我的问题是:
1 - 如何开始使用 Boostrap 翻译 1900 像素的 PSD？
2 - 我正在考虑一种方法:构建具有全宽(.container-fluid)的网站并添加左右间距，以便网站在所有桌面分辨率下看起来都相同。我的意思是不限制页面宽度。
请任何其他建议都可以。我不想丢掉我的工作。

Answer 1

您可以自定义断点 $grid-breakpoints 和 $container-max-widths

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

$grid-breakpoints: (
  xs: 0,
  sm: 600px,
  md: 800px,
  lg: 1000px,
  xl: 1900px
);

$container-max-widths: (
  sm: 600px,
  md: 800px,
  lg: 1000px,
  xl: 1840px
);

@import "bootstrap";

在此处查看文档以获取更多详细信息: https://getbootstrap.com/docs/5.0/layout/breakpoints/