ch10-缩略图和警告框组件.pptVIP

第10章缩略图和警告框组件巨幕组件(jumbotron)页头组件缩略图组件警告框组件教学内容巨幕组件(jumbotron)一、巨幕组件(jumbotron)：巨幕组件主要是展示网站的关键性区域。1.在固定的范围内，有圆角divclass=container divclass=jumbotron h3案例1/h3 p案例1的内容/p /div/div巨幕组件(jumbotron)2.100%全屏，没有圆角divclass=jumbotron divclass=container h3案例2/h3 p案例2的内容/p /div /div?页头组件二、页头组件：增加一些空间。divclass=header h1网页标题的效果/h1/div缩略图组件三、缩略图组件：1.缩略图配合响应式布局说明：改变浏览器窗口宽度大小以显示响应式的特点，显示器屏幕显示4张，平板屏幕显示3张，手机屏幕显示2张。divclass=container divclass=row divclass=col-md-3col-sm-4col-xs-6 divclass=thumbnail ahref=#imgsrc=img/hippo1.jpg//a /div