问题描述
我使用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的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!