从修复宽度到响应式框架的最佳选择

Question

目前我正在开发固定宽度的网站主题，所以请给我一个建议我应该采用哪个框架是否有其他办法以这种方式做事。 提前谢谢。

Answer 1

我建议您使用Bootstrap 3，很多开发人员都会使用它，而且它的文档非常有用。

要更好，更快地学习响应式设计，您应该：

1. 了解媒体查询的使用，this文章会告诉您 了解他们的标准断点。
2. 您可以使用LESS或SASS创建自定义Bootstrap网格 适合您的项目。

Answer 2

如上所述，Bootstrap等框架确实加快了网站的开发时间，并且由于使用了网格系统，因此可以更轻松地添加响应式布局。有关使用引导程序的额外信息，请转至http://www.sitepoint.com/responsive-web-design-tips-bootstrap-css/。他们提供了有关响应式设计的一些提示。

Answer 3

对于响应式网站设计，您必须了解css媒体查询。虽然，它将完成你的工作，但通过媒体查询设计似乎需要付出很多努力，特别是当必须更快，更省时的替代品时。 我建议你通过twiiter bootstrap框架。响应式网站设计更容易。你必须只包含几个javascript文件并应用一些预定义的类（根据你的需要），你就完成了。 有两个非常好的教程，我想提一下。只需通过它们就可以清晰地理解响应式设计中的引导简单性。他们也有很好的例子。只需尝试更改浏览器宽度即可获得更好的理解。

自举：

Link 1

Link 2

Answer 4

我同意从个人经验中使用Boostrap 3。 而不是设置实际宽度设置百分比而是使其响应，因为它达到您正在使用的任何屏幕尺寸的大小，作为示例，您可以使用此link。

此外，请查看折叠导航栏，以便在较小的设备上折叠自适应导航，这是一个可以帮助您解决问题的链接：NAV。