玩转bootstrap新建文件夹11
资源详情
1
1 基本的html模板2 排版3 表单3.1 表单控件3.2 表单控件示例3.3 按钮3.4 图像3.5 图标4 网格系统4.1 网格系统示例5 菜单、按钮组及导航5.1 下拉菜单5.2 按钮组5.3 导航6 导航条、分页导航、标签、徽章6.1 导航条6.2 分页导航6.3 标签6.4 徽章7 其它内置组件7.1 缩略图7.2 警示框7.3 进度条7.4 媒体对象7.5 列表组7.6 面板1 基本的html模板
hello. world!
如果要使用bootstrap的js插件.必须先调入jquery –>包括所有bootstrap的js插件或者可以根据需要使用的js插件调用 –>2 排版标题
到
：标题后面紧跟着一行小的副标题使用
bootstrap标题一我是副标题
bootstrap标题一我是副标题
段落
1 全局文本字号为14px(font-size)2 行高为1.42857143（line-height）.大约是20px、颜色为深灰色（#333）3 字体为”helvetica neue”. helvetica. arial. sans-serif;（font-family）
强调内容1 类lead(突出段落)
2 文件加粗3 斜体4 小号(取85%)5 正常
强调相关的类.示例
：.text-muted：提示.使用浅灰色（#999）.text-primary：主要.使用蓝色（#428bca）.text-success：成功.使用浅绿色(#3c763d).text-info：通知信息.使用浅蓝色（#31708f）.text-warning：警告.使用黄色（#8a6d3b）.text-danger：危险.使用褐色（#a94442）
文本对齐.示例
.text-left：左对齐.text-center：居中对齐.text-right：右对齐.text-justify：两端对齐
列表有序列表
- 无序列表
- 去点列表
- 内联列表(为制作水平导航而生)
- 定义列表
- 水平定义列表
- .只有屏幕大于768px的时候.添加类名.dl-horizontal才具有水平定义列表效果
代码风格.管使用哪种代码风格.在代码中碰到小于号<要使用硬编码<来替代.大于号>使用>来替代。：一般是针对于单个单词或单个句子的代码
：一般是针对于多行代码（也就是成块的代码）:一般是表示用户要通过键盘输入的内容表格是bootstrap的一个基础组件之一.在使用bootstrap表格时.千万注意.你的
元素中一定不能缺少类名table。.table：基础表格.table-striped：斑马线表格.table-bordered：带边框的表格.table-hover：鼠标悬停高亮的表格.table-condensed：紧凑型表格.table-responsive：响应式表格.加在容器上.而不是表格table上
表格–表格行的类.要实现悬浮状态.需要在
标签上加入table-hover类。bootstrap还为表格的行元素
提供了五种不同的类名.每种类名控制了行的不同背景颜色active success info warning danger 3 表单3.1 表单控件使用类名form-control。
水平表单1 在