Question

h5作业，要求： 网页采用bootstrap布局，在不同屏幕大小里显示不同的效果，

h5作业，要求：
网页采用bootstrap布局，在不同屏幕大小里显示不同的效果，要求：
网页采用bootstrap布局，在不同屏幕大小里显示不同的效果，（详情见设计稿）。
（1）在大于1200px的屏幕中，网页内容如图显示
（2）在992~1200px的屏幕中，导航中的输入框隐藏，中间（当前天气）部分6:6布局
（3）在768~992px的屏幕中，导航中的输入框隐藏，中间（当前天气）部分变成两行铺满，下方（其他天气）部分变成三列两行
（4）在768px以下的屏幕中，导航条只显示logo栏和折叠的汉堡菜单，中间（当前天气）部分变成两行铺满，下方（其他天气）部分变成两列三行
评分标准：
（1）采用bootstrap布局，在不同屏幕下显示设计稿中的不同效果，满足要求中的四点，45分
（2）采用bootstrap布局，满足要求中的三点，30-45分
（3）采用bootstrap布局，满足要求中的两点，20-30分
（4）采用bootstrap布局，满足要求中的一点，10-20分
（5）采用bootstrap布局，并做了简单的处理，1-10分
（6）未完成以上要求的，0分
二、完成网页内容的添加。（30分）
要求：
在网页中的指定位置显示了所有要求的内容，并注意：
（1）左上角下雪的动画效果请使用canvas绘制
评分标准：
（1）网页在指定位置使显示了所要求的内容，符合设计稿效果的，30分
（2）基本实现页面内容，并绘制了canvas的，20-30分
（3）简单实现页面内容，并绘制了canvas的，10-20分
（4）做了相应内容添加，但效果不理想的，1-10分
（5）未完成以上要求的，0分
三、完成CSS样式的处理。（25分）
要求：
在网页中实现样式的统一，并将样式存为单独文件，并注意：
（1）网页中的图标采用bootstrap中的图标组件
评分标准：
（1）网页中图片文字样式和设计稿相差无异，布局优雅美观，25分
（2）大致完成网页 设计效果，只是细节未完善的，10-25分
（3）进行了简单的样式处理，1-10分
（4）未完成以上要求的，0分

Answer 1

bootstrap 栅格化，具体去bootstrap官网全局css样式查查，导航栏也有