本文介绍了如何使用Bootstrap 3将960.gs网站转换为HTML的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我使用960.gs(960网格系统)创建了photoshop模型。网站容器宽度为960px - 居中对齐。该网站需要做出响应。



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

解决方案

获取当前的960 configs(col number, 2)建立


I have created the photoshop mockup using 960.gs (960 Grid system). The website container width is 960px - center aligned. The site need to be responsive.

What should i do, to convert the website into HTMl using Bootstrap 3?Do i need to customize bootstrap before downloading it?

解决方案

1) Get your current 960 configs (col number, gutters and offsets and col width).

2) build custom bootstrap set. You need to update Media queries breakpoints, Grid system and Container sizes sections with 960 configs (@grid-columns, @grid-gutter-width, and @screen-* fields).

3) Update responsive rules (@screen-* fields), according to your requires

4) Include all css files from downloaded build to your page

5) Mock up your page according to grid guide

这篇关于如何使用Bootstrap 3将960.gs网站转换为HTML的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-04 03:37
查看更多