02 CSS和Bootstrap:自适应组合
响应式设计可确保Web应用程序在各种设备以及窗口或屏幕尺寸上都能很好地呈现。 作为开发人员,可能会要求您创建移动优先应用程序或将响应设计添加到现有应用程序。
分配方向
首先,使用Bootstrap CSS Framework按照以下准则创建移动响应式产品组合:
创建以下文件文件: index.html , portfolio.html和contact.html 。
使用Bootstrap,开发包含以下项目的投资组合站点:
导航栏
响应式布局(将其网格系统与容器,行和列一起使用)
响应式图像
Bootstrap产品组合应最大程度地减少媒体查询的使用。 (在xs屏幕上,内容应占据整个屏幕。在sm和更大的屏幕上,屏幕左右两侧应留有一些空白。请查看移动设备和计算机上的各种站点,以查看示例这些差异。)
屏幕快照在Assets/Images文件夹