如何使用 Bootstrap 3 将 960.gs 网站转换为 HTML

2024-05-13

我使用 960.gs(960 网格系统)创建了 Photoshop 模型。网站容器宽度为 960px - 中心对齐。该网站需要具有响应能力。

我应该怎么做,使用 Bootstrap 3 将网站转换为 HTMl? 下载之前我需要自定义引导程序吗?


1) 获取当前的 960 配置(列数、装订线和偏移量以及列宽度)。

2)构建custom http://getbootstrap.com/customize/引导程序集。你需要更新媒体查询断点, 网格系统 and 集装箱尺寸具有 960 个配置的部分(@grid-columns、@grid-gutter-width 和 @screen-* 字段)。

3) 根据您的要求更新响应规则(@screen-* 字段)

4) 将下载的版本中的所有 css 文件包含到您的页面中

5)根据以下内容模拟您的页面网格指南 http://getbootstrap.com/css/#grid

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 Bootstrap 3 将 960.gs 网站转换为 HTML 的相关文章