《Web交互开发》实验教学指导/实验十一: Bootstrap 《Web交互开发》实验教学指导 实验十一: Bootstrap 、实验目的(5分) 1、掌握 Bootstrap环境的搭建方法 2、掌握 Bootstrap组件的使用方法 3、掌握 Bootstrap插件的使用方法; 4、掌握 Bootstrap其它功能。 二、实验环境(5分) 1、 Windows xp/ Windows7操作系统的计算机; 2、局域网网络环境,并且使用固定IP地址。 三、实验要求(5分) 1、完成登陆页面的编写 2、完成文本编辑器的编写 四、实验原理(5分) 1、 Bootstrap环境搭建 2、 Bootstrap组件的使用 3、 Bootstrap插件的使用 五、实验步骤(40分) 1、登录界面 (1)使用 Bootstrap框架实现登陆界面,并能够自适应页面大小,如图111所示 用户登录 Enter name Password 用户登录 Enter name Password 提交 图11用户登录 本讲共计2页当前第1页《Web 交互开发》实验教学指导 / 实验十一 ：Bootstrap 本讲共计 2 页 | 当前第 1 页 《Web 交互开发》实验教学指导 实验十一：Bootstrap 一、实验目的（5 分） 1、掌握 Bootstrap 环境的搭建方法； 2、掌握 Bootstrap 组件的使用方法； 3、掌握 Bootstrap 插件的使用方法； 4、掌握 Bootstrap 其它功能。 二、实验环境（5 分） 1、Windows XP/Windows 7 操作系统的计算机； 2、局域网网络环境，并且使用固定 IP 地址。 三、实验要求（5 分） 1、完成登陆页面的编写； 2、完成文本编辑器的编写； 四、实验原理（5 分） 1、Bootstrap 环境搭建； 2、Bootstrap 组件的使用； 3、Bootstrap 插件的使用。 五、实验步骤（40 分） 1、登录界面 （1）使用 Bootstrap 框架实现登陆界面，并能够自适应页面大小，如图 11-1 所示。 图 11-1 用户登录