学习进度
今天通过我通过观看老师分享的教学视频,学习了如何简单的使用bootstrap来构建网站首页。首先也是得先导入三个文件。第一个是bootstrap核心样式文件:<link href="bootstrap.min.css" rel="stylesheet">,第二个是jquery核心js文件:<script src="jquery-1.11.0.min.js"></script>,第三个是bootstrap核心js文件:<script src="bootstrap.min.js"></script>。然后利用bootstrap容器来构件网站首页,所以首先写一个div标签,里面写上class="container"。然后在该div下再写一个div,里面写上class="row",表示对行进行布局设置,然后写三个div,里面全都写上class="col-md-4",意思是把这一行等分为三份,其中md是表示在大屏幕即电脑屏幕上显示的效果,xs是在手机屏幕上的显示效果,sm是在平板的屏幕上的显示效果,sm是在屏幕较小的电脑上的显示效果,通过使用这些可以来控制该网站首页在不同大小的屏幕上的显示效果。