网页设计与地图应用 13Bootstrap框架02 布局 与导航条提 纲练习 目标01布局 与导航条02练习目标 利用 Bootstrap框架在之前的练习的网页上对导航条与内容的排版布局进行样式改造:布局与导航条以 BaiduMap.html为例,添加 Bootstrap在线引用:去掉 MyFirst.css引用,只保留 BaiduMap.css引用布局与导航条在 body标签内增加容器 ,类型为 container:布局与导航条在容器 中加入导航条,注意设定导航条的类型( class)以及子容器的 class:https:/ panel,改造出行参考内容,注意设置 class:Panel面板输入框组按钮组https:/ 组参考https:/ panel,改造添加覆盖物内容,注意设置 class:布局与导航条继续加入面板 panel, 改造落款, 注意设置 class:布局与导航条在之前的 BaiduMap.css中 改造宽度设置的值,将 980px修改为 100%,高度保持不变:布局与导航条运行效果:Thank you!