本文详细介绍了Bootstrap框架，包括其四个主要部分：全局CSS样式、组件、jQuery插件和定制。具体讲解了折叠效果、导航栏的创建，特别是自适应导航栏的实现，以及Bootstrap的工具提示、弹出框和模态对话框的使用。此外，还提出了两个实践性的作业，引导读者深入理解和应用Bootstrap。
复习：
Bootstrap是一个HTML+CSS+JS功能框架，用于移动设备优先的响应式页面。包含四个部分：
(1)Global CSS Styles：按钮、图片、排版、表单、表格、网格....
(2)Component：面板、Well、按钮组、下拉菜单、导航/标签页、输入框组、警告框...
(3)jQuery Plugin：下拉菜单、标签页、警告框、过渡动画
(4)Customize
1.折叠效果
目标元素：
<div class="collapse">初始隐藏</div>
<div class="collapse in">初始显示</div>
触发元素：
使用a做触发元素：
<a href="#目标元素ID" data-toggle="collapse">
使用button做触发元素：
<button data-toggle="collapse" data-target="目标元素选择器">
使用折叠效果实现面板组：
<div class="panel-group" id="pg1">
<div class="panel">
<d
最低0.47元/天 解锁文章
扫一扫
475
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
